/*
Theme Name: Cosmic Coder
Theme URI: 
Description: 
Version: 1.0
Author: Cosmic coders
Author URI: 
Template: 
Tags: 
*/


* {
    margin: 0;
    padding: 0;
}

body {
    line-height: 18px;
    font-weight: 300;
    font-family: "proxima-nova", sans-serif, arial;
}

h1, h2, h3 {
    font-family: "proxima-nova", sans-serif, arial;
}

ol, ul, ul li {
    list-style: none;
}

a {
    text-decoration: none;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

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

blockquote, q {
    quotes: "" "";
}

a img {
    border: 0;
}

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

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.alignnone {
    float: none;
}

.clear, .reset {
    clear: both;
}

.padder {
    width: 990px;
    margin: 0 auto;
}

/*header starts here*/

#header {
    background: url(images/header-pattren.jpg) repeat;
}

/** needs to be replaced with the actual bg img **/

#header-left {
    float: left;
    margin-top: 5px;
    width: 462px;
}


/*  nav starts here  */


.menu {
    background: none repeat scroll 0 0 #2D2D2D;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    float: right;
    margin: 44px -177px;
    width: auto;
}


.menu ul li {
    float: left;
    padding: 8px 10px 8px 10px;
    border-right: 1px solid #494949;
}


.menu ul li:last-child {
    border-right: 0;
}

.menu ul li a {
    color: #fff;
    font-family: PT Sans;
    font-size: 16px;

}

.menu .current_page_item a {
    color: #51a0a6;
}

#tagline-description {
    float: left;
    width: 635px;

    margin: 90px 0 0 35px;
}

#tagline-description p span, #tagline-description p {
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 90px;
    line-height: 60px;
    color: #343434;
}

#tagline-description p span {
    font-size: 65px;
    font-family: Proxima-Nova-Regular;
    margin-left: 10px;
    margin-top: 0;
}

#cc-dummy img {
    float: right;
    width: 295px;
    margin-right: 25px;
}

#tagline-description > a {
    color: #51A0A6;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 24px;
    float: left;
    margin: 20px 0 0 10px;
    font-weight: bold;
}

/*nav ends here*/


/*  header ends here  */
.divider {
    border: 5px solid #2D2D2D;
}

/*container starts here*/

#container {
    background: #fff;
}

/*content starts here*/

.box1 .widget {
    border: 1px solid #EBEBEB;
    -moz-box-shadow: 0 0 3px #DBDBDB;
    -webkit-box-shadow: 0 0 3px #DBDBDB;
    box-shadow: 0 0 3px #DBDBDB;
    width: 280px;
    margin: 70px 30px 70px 0;
    padding: 10px 9px;
    float: left;
}

.box1 .widget:last-child {
    margin-right: 0;
}

.box1 .widget p {
    color: #6B6B6B;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 15px;
    margin-top: 20px;
}

.box1 .widget h3.widget-title {
    padding-top: 20px;
    text-align: center;
}

.box1 .widget h3.widget-title a {
    color: #2D2D2D;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 48px;
    font-weight: normal;
    line-height: 48px;
}

.box1 .widget a img {
    margin: 20px 0 0 75px;
}

.box2 .widget {
    float: left;
    margin-right: 45px;
    width: 490px;
}

.box2 .widget:first-child {
    width: 300px;
}

.box2 .widget h3.widget-title {
    color: #2F2F2F;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    margin: 20px 0;
    padding: 10px;
}

.box2 .widget ul li, .box2 .widget ul li a {
    color: #2F2F2F;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 16px;
    margin: 10px 10px;
}

.box2 #twitter_update_list {
    background: #0D0D0D;
    padding: 10px;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    position: relative;
}

.box2 #twitter_update_list li span {
    line-height: 16px;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 15px;
    color: #C1C1C1;
}

#twitter_update_list li {
    list-style-type: none;
    padding-top: 10px;
}

.box2 #twitter_update_list li span a {
    line-height: 16px;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 15px;
    color: red;
}

.box2 #twitter_update_list li a {
    line-height: 16px;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 15px;
    color: #C1C1C1;
}

.box2 .widget img {
    position: absolute;
    top: 78px;
    left: 400px;
}

.box2 {
    margin-bottom: 40px;
}

/*  content ends here */


/*container ends here */

/*footer starts here */
#t-footer {
    background: url(images/footer-pattren.jpg) repeat;
    border-top: 10px solid #2e2e2e;
    padding-bottom: 20px;
}

#t-footer h3.widget-title {
    color: #9F9F9F;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 30px;
    font-weight: normal;
    margin: 40px 0 27px 0;
}

#t-footer li.widget {
    float: left;
    width: 310px;
    margin-right: 20px;
}

#t-footer li.widget ul li {
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 18px;
    margin: 10px 0;
}

#t-footer li.widget ul li a {
    color: #9F9F9F;
}

#t-footer li.widget:last-child {
    margin-right: 0;
}

#footer #site-description {
    background: #E7E7E7;
}

#site-description, #site-description p a {
    color: #6B6B6B;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 16px;
}

#site-description p {
    padding: 15px 0;
}


/*footer ends here */

/*about page starts here */
#header-left .inner-logo {
    margin: -40px;
}

#header-left p {
    color: #343434;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 99px;
    line-height: 100px;
    margin-bottom: 10px;

}

#header-left span {
    color: #343434;
    font-size: 20px;
    height: 20px;
}

#title-description p {
    color: #51A0A6;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}

#content {
    padding: 60px 0 40px 0;
}

#left-sidebar {
    width: 280px;
    float: left;
}

#left-sidebar ul img {
    width: 250px;
    height: auto;

}

#left-sidebar li, #left-sidebar li a {
    color: #6b6b6b;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 15px;
    line-height: 16px;
    margin: 10px 9px;
    font-weight: normal;

}

#left-sidebar li span {
    color: #343434;
    font-size: 30px;
    line-height: 30px;
    display: inline-block;
    margin-top: 5px;
}

#left-sidebar h3.widget-title {
    margin: 10px 15px;
}

#main-content {
    float: left;
    width: 688px;
}

#main-content .post .post-title {
    color: #343434;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 24px;
    line-height: 24px;
    font-weight: normal;
    margin-left: 0;
}

#main-content .post .post-title span {
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 50px;
    line-height: 30px;
    color: #343434;
    font-weight: normal;
}

#main-content .post .entry p {
    color: #6b6b6b;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    margin: 10px 0;
}

#page-content {
    width: 950px;
    margin: 0 auto;
}

#page-content .post .post-title {
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 40px;
    line-height: 30px;
    color: #343434;
    font-weight: normal;
}

#page-content .entry {
    color: #6b6b6b;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 17px;
    line-height: 18px;
    font-weight: normal;
    margin: 10px 0;
}

#page-content .entry a {
    color: #6b6b6b;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 20px;
    line-height: 18px;
    font-weight: normal;
    margin: 10px 0;

}

#page-content .entry p {
    padding-bottom: 10px;

}

.services-content {
    width: 950px;
    margin: 10px;
    float: left;
}

.services-content .left {
    width: 160px;
    float: left;
}

.services-content .right {

    width: 720px;
    float: right;

}

/*about-page ends here */

#right-sidebar {
    float: left;
    width: 280px;
    margin-left: 20px;
}

body.contact-page #title-description {
    margin-left: 15px;
}

#right-sidebar ul li h3.widget-title {
    font-size: 20px;
    font-family: "proxima-nova", sans-serif, arial;
    font-weight: normal;
    color: #343434;
    padding: 12px 0;
}


/*contact-page ends here */

#plugin-page li.widget {
    float: left;
    margin: 0 30px 50px 0;
    width: 300px;
    height: 230px;
}

#plugin-page li.widget img {
    width: 280px;
    height: 180px;
    -moz-border-colors: none;
    -moz-border-image: none;
    border: 5px solid #EFEFEF;

    display: block;
    margin: 0 auto;
}

#plugin-page li.widget h3.plugin-name {
    color: #2D2D2D;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 24px;
    line-height: 28px;
    padding: 20px 12px;

}

#plugin-page .pagination {
    margin-left: 350px;
}

#plugin-page .pagination a {
    color: #565658;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 18px;
    padding: 5px 10px;
}

#plugin-page .pagination a.current {
    background: #2A2A2A;
    color: #fff;
}

#team-page ul li {
    float: left;
    margin: 10px 15px 10px 15px;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 18px;
    width: auto;
    height: 190px;
}

#team-page ul li h3.team-member-name {
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 16px;
    color: #FF6968;
    text-align: center;
}

#team-page ul li p.designation {
    color: #424244;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 14px;
    text-align: center;
}

#team-page ul li img {
    width: 130px;
    height: 150px;
}

#team-page {
    width: 650px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px
}

#team-page .entry p {
    color: #6b6b6b;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    margin: 10px 0;
}

/*contact page css */

.c-label {
    color: #818181;
    font-size: 18px;
    font-family: "proxima-nova", sans-serif, arial;
    font-weight: normal;
}

.wpcf7-form {
    padding-top: 20px;
}

.wpcf7 tr {
    color: #818181;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 18px;
    font-weight: normal;
}

.wpcf7-text {

    color: #818181;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 15px;
    background: #fff;
    border: 1px solid #E9E9E9;
    padding: 10px;
    margin: 8px;
    width: 360px;

}

.wpcf7-select {
    color: #818181;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 15px;
    background: #fff;
    border: 1px solid #E9E9E9;
    padding: 10px;
    margin: 0px 8px 8px 8px;
    width: 380px;
}

.wpcf7-file {
    color: #818181;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 15px;
    background: #fff;
    border: 1px solid #E9E9E9;
    margin: 10px;
}

.text-mess {
    color: #818181;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 16px;
    background: #fff;
    border: 1px solid #E9E9E9;
    padding: 10px;
    margin: 10px;
    width: 360px;
    height: 150px;
}


.wpcf7-submit {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #9F9F9F;
    float: right;
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 24px;
    font-style: normal;

    padding: 0 0 10px 0;
}

.wpcf7 td {
    vertical-align: top;
}

.wpcf7 .c-label {
    padding-top: 6px;
}

#si_contact_form1 span {
    color: #818181;
    display: none;
}

.error404 header {
    height: 78px;
    margin-top: 40px;
}

.error404 header hgroup h1 {
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 170px;
    color: #6C6C6C;
    float: left;
}

.error404 header hgroup h3 {
    float: left;
    margin: -36px 0 0 70px;
}

.error404 header hgroup h3 span {
    font-family: "proxima-nova", sans-serif, arial;
    font-size: 40px;
    color: #C9C9C9;
    font-weight: normal;
    line-height: 40px;
}

.error404 .entry-content {
    margin-top: 36px;
}

.error404 .entry-content p {
    font-size: 26px;
    font-family: "proxima-nova", sans-serif, arial;
    font-weight: normal;
    color: #3D3B3C;
    text-align: center;
    line-height: 28px;
}


#contact-address h4#right-title {
    font-size: 20px;
    font-family: "proxima-nova", sans-serif, arial;
    font-weight: normal;
    color: #343434;
    padding: 12px 0;
}

#contact-address p {
    font-size: 16px;
    font-family: "proxima-nova", sans-serif, arial;
    font-weight: normal;
    color: #818181;
    line-height: 20px;
    padding-left: 1px;
}