/*   
Theme Name: Affanato Marut
Theme URI: http://www.wordpresssite.com
Description: Custom designed and developed theme for Affanato Marut
Version: 1.0
Text Domain: Affanato Marut
Author: William Pyle / Commexis
Author URI: http://www.commexis.com
*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html {
	height:100%;
}

body {
    font-family: 'Sintony', Arial, sans-serif;
	font-size:16px;
	color:#757575;
	background-color:#fff;
    height:100%;
    letter-spacing:.5px;
}

.screen-reader-text {
	position: absolute; 
	left: -9999px; 
	top: -9999px; 
}

* html .group, 
*:first-child+html .group {
	zoom: 1;
}

/* ==========================================
 MISC
========================================== */
.show-screen {
	display:block;
}
.hide-screen {
	display:none;
}
a.post-edit-link {
	color:#212121;
	position:absolute;
	top:1px;
	right:0;
	font-size:12px;
	text-decoration:none;
	padding-top:5px;
}
a.post-edit-link:hover {
	text-decoration:underline;
}
::selection {
    background: #efbf50;
    color:#fff;
}
::-moz-selection {
    background: #efbf50;
    color:#fff;
}

.alignleft {
    float:left;
    margin:10px 10px 10px 0;
}

.alignright {
    float:right;
    margin:10px 0 10px 10px;
}
.aligncenter {
    text-align:center;
}
img.aligncenter {
    float:none;
    margin:0 auto;
    display:block;
}

/* ==========================================
 COLUMNS
========================================== */
.cols:after,
.clear:after {
	content: "";
	display: table;
	clear: both;
}

[class*='col-'] {
  float: left;
  /*display:table;*/
  position:relative;
}

.col-left { float:left; }
.col-right { float:right; }
.cols .padded { display:block; }

/* 
 * 2 Columns 
 */
.col-1-2 { width:50%; }

/* to add padding */
.col-1-2.padded { width:49%; }
.col-1-2.padded.first { margin-right:1%; }
.col-1-2.padded.last {	margin-left:1%; }

/* 
 * 3 Columns 
 */
.col-1-3 { width:33.33%; }
.col-2-3 { width:66.66%; }
.col-1-3.padded.first { padding:0 3% 0 0; }
.col-1-3.padded { padding:0 3%; }
.col-1-3.padded.last { padding:0 0 0 3%; }

.col-1-3.margin.first { margin:0 2% 0 0; }
.col-1-3.margin { margin:0 0%; }
.col-1-3.margin.last { margin:0 0 0 2%; }

/* 
 * 4 Columns 
 */
.col-1-4 { width:25%; }
.col-2-4 { width:50%; }
.col-3-4 { width:75%; }

.col-1-4.padded.first { padding:0 1% 0 0; }
.col-1-4.padded { padding:0 1%; }
.col-1-4.padded.last { padding:0 0 0 1%; }

.col-3-4.padded { padding:0 1%; }

/* 
 * 5 Columns 
 */
.col-1-5 { width:20%; }
.col-2-5 { width:40%; }
.col-3-5 { width:60%; }
.col-4-5 { width:80%; }

/* to add padding */
.col-1-5.padded { padding:0 0.4%; }
.col-1-5.padded.first { padding:0 0.4% 0 0; }
.col-1-5.padded.last { padding:0 0 0 0.4%; }

/* 
 * 6 Columns 
 */
.col-1-6 { width:16.66%; }
.col-2-6 { width:33.33%; }
.col-3-6 { width:50%; }
.col-4-6 { width:66.66%; }
.col-5-6 { width:83.33%; }

/* 
 * 8 Columns 
 */
.col-1-8 { width:12.5%; }
.col-2-8 { width:25%; }
.col-3-8 { width:37.5%; }
.col-4-8 { width:50%; }
.col-5-8 { width:62.5%; }
.col-6-8 { width:75%; }
.col-7-8 { width:87.5%; }

/* 
 * 10 Columns 
 */
.col-1-10 { width:10% }
.col-2-10 { width:20% }
.col-3-10 { width:30% }
.col-4-10 { width:40% }
.col-5-10 { width:50% }
.col-6-10 { width:60% }
.col-7-10 { width:70% }
.col-8-10 { width:80% }
.col-9-10 { width:90% }

/* 
 * 11 Columns 
 */
.col-1-11 { width:10% }
.col-2-11 { width:20% }
.col-3-11 { width:30% }
.col-4-11 { width:40% }
.col-5-11 { width:50% }
.col-6-11 { width:54.5454% }
.col-7-11 { width:70% }
.col-8-11 { width:80% }
.col-9-11 { width:90% }
.col-10-11 { width:90% }

/* 
 * Missing 5%s 
 */
.col-05 { width:5% }
.col-15 { width:15% }
.col-35 { width:35% }
.col-45 { width:45% }
.col-55 { width:55% }
.col-65 { width:65% }
.col-85 { width:85% }
.col-95 { width:95% }

/*custom*/


/* ==========================================
 WIDTH
========================================== */
.width-50 { width:50%; }
.width-100 { width:100%; }

/* ==========================================
 PADDING
========================================== */
.pad-top-5 { padding-top:5px; }
.pad-top-10 { padding-top:10px; }
.pad-top-15 { padding-top:15px; }
.pad-top-20 { padding-top:20px; }
.pad-top-25 { padding-top:25px; }
.pad-top-30 { padding-top:30px; }
.pad-top-40 { padding-top:40px; }
.pad-top-50 { padding-top:50px; }
.pad-top-60 { padding-top:60px; }
.pad-top-70 { padding-top:70px; }
.pad-top-80 { padding-top:80px; }
.pad-top-90 { padding-top:90px; }
.pad-top-100 { padding-top:100px; }

.pad-bottom-5 { padding-bottom:5px; }
.pad-bottom-10 { padding-bottom:10px; }
.pad-bottom-15 { padding-bottom:15px; }
.pad-bottom-20 { padding-bottom:20px; }
.pad-bottom-25 { padding-bottom:25px; }
.pad-bottom-30 { padding-bottom:30px; }
.pad-bottom-40 { padding-bottom:40px; }
.pad-bottom-50 { padding-bottom:50px; }
.pad-bottom-60 { padding-bottom:60px; }
.pad-bottom-70 { padding-bottom:70px; }
.pad-bottom-80 { padding-bottom:80px; }
.pad-bottom-90 { padding-bottom:90px; }
.pad-bottom-100 { padding-bottom:100px; }

.pad-left-5 { padding-left: 5px; }
.pad-left-10 { padding-left:10px; }
.pad-left-15 { padding-left:15px; }
.pad-left-20 { padding-left:15px; }
.pad-left-25 { padding-left:25px; }
.pad-left-30 { padding-left:30px; }
.pad-left-40 { padding-left:40px; }
.pad-left-50 { padding-left:50px; }

.pad-right-5 { padding-right:5px; }
.pad-right-10 { padding-right:10px; }
.pad-right-15 { padding-right:15px; }
.pad-right-20 { padding-right:20px; }
.pad-right-25 { padding-right:25px; }
.pad-right-30 { padding-right:30px; }
.pad-right-40 { padding-right:40px; }
.pad-right-50 { padding-right:50px; }

.pad-sides-10 {
	padding-left:10px;
	padding-right:10px;
}
.pad-sides-15 {
	padding-left:15px;
	padding-right:15px;
}

/* ==========================================
 MARGIN
========================================== */
.marg-auto { margin:0 auto; }
.marg-0 { margin:0; }

.marg-top-5 { margin-top:5px; }
.marg-top-10 { margin-top:10px; }
.marg-top-15 { margin-top:15px; }
.marg-top-20 { margin-top:20px; }
.marg-top-25 { margin-top:25px; }
.marg-top-30 { margin-top:30px; }
.marg-top-40 { margin-top:40px; }
.marg-top-50 { margin-top:50px; }

.marg-top-neg-20 { margin-top:-20px; }

.marg-bottom-0 { margin-bottom:0px !important; }
.marg-bottom-5 { margin-bottom:5px; }
.marg-bottom-10 { margin-bottom:10px; }
.marg-bottom-15 { margin-bottom:15px; }
.marg-bottom-20 { margin-bottom:20px; }
.marg-bottom-25 { margin-bottom:25px; }
.marg-bottom-30 { margin-bottom:30px; }
.marg-bottom-40 { margin-bottom:40px; }
.marg-bottom-50 { margin-bottom:50px; }

.marg-left-10 { margin-left:10px; }
.marg-left-15 { margin-left:15px; }
.marg-left-50 { margin-left:50px; }

.marg-right-10 { margin-right:10px; }
.marg-right-15 { margin-right:15px; }
.marg-right-50 { margin-right:50px; }

/* ==========================================
 FONTS
========================================== */
.font-bold { font-weight:bold; }
.font-lighter { font-weight:lighter; }
.font-weight-100 { font-weight:100; }
.font-weight-300 { font-weight:300; }
.font-weight-400 { font-weight:400; }
.font-weight-600 { font-weight:600; }
.font-weight-700 { font-weight:700; }
.font-weight-800 { font-weight:800; }

.font-12 { font-size:12px; }
.font-13 { font-size:13px; }
.font-14 { font-size:14px; }
.font-15 { font-size:15px; }
.font-16 { font-size:16px; }
.font-18 { font-size:18px; }
.font-20 { font-size:20px; }
.font-22 { font-size:22px; }
.font-24 { font-size:24px; }
.font-26 { font-size:26px; }
.font-28 { font-size:28px; }
.font-30 { font-size:30px; }
.font-36 { font-size:36px; }
.font-40 { font-size:40px; }
.font-44 { font-size:44px; }
.font-48 { font-size:48px; }
.font-65 { font-size:65px; }

.font-black { color:#000; }
.font-white { color:#ffffff; }

/* ==========================================
 TEXT
========================================== */
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-justify { text-align:justify; }

.italic {font-style:italic;}

.line-height-1 { line-height:1; }
.line-height-20 { line-height:20px; }
.line-height-22 { line-height:22px; }
.line-height-28 { line-height:28px; }

.letter-spacing-5 {letter-spacing:.5px;}
.letter-spacing-1 { letter-spacing:1px; }
.letter-spacing-125 { letter-spacing:1.25px; }

.text-upper { text-transform:uppercase; }
.text-lower { text-transform:lowercase; }

/* ==========================================
 MISC
========================================== */
.float-left { float:left; }
.float-right { float:right; }

.bg-white { background-color:#fff; }
.bg-black { background-color:#1c1c1c; }

.bg-cover {
    background-size:cover;
}

.bg-cover-center {
    background-size:cover;
    background-position:center center;
}

.block {display:block;}
.inline-block {display:inline-block;}

.flush {margin:0; padding:0;}

.absolute {position:absolute;}
.relative {position:relative;}

.height-100 { height:100%; }

.table { display:table; }
.table-fixed {
    table-layout:fixed;
}

.v-center {
	display:table-cell;
	vertical-align:middle;
}

.border-left-10 {
    border-left:10px solid #fff;
}
.z-two {
    z-index:2;
}
.z-three {
    z-index:3;
}

/* ==========================================
 PAGE CONTAINERS
========================================== */
#page { }

.wider-width {
    width:1200px;
}
@media screen and (max-width:1220px) {
    .wider-width {
        width:100%;
        padding-left:20px;
        padding-right:20px;
    }
}

.inner-width { width:1000px; }

blockquote {
    background-color:#f1f7f9;
    padding:20px 20px 20px 80px;
    margin-bottom:15px;
    font-weight:700;
    color: #35404f;
    letter-spacing:.75px;
    background-image:url("images/blockquote.png");
    background-repeat:no-repeat;
    background-position:10px 10px;
}
.lt-yellow-bg {
    background-color:#ebd192;
}
.yellow-bg {
    background-color:#d7a326;
}
.lt-blue-bg {
    background-color:#96b1d3;
}
.dk-blue-bg {
    background-color:#040a33;
}
.contact-border {
    border:2px solid #fff;
    margin-top:-20px
}
.contact-container {
    padding-left:100px;
    padding-right:100px;
}
.yellow-border {
    border-bottom:1px solid #d7a228;
}
.home-hero {
    padding:7% 0;
}
.yellow-line-bg {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,dfaa28+52,7db9e8+100&0+51,1+52,0+53 */
background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(219,168,42,0) 51%, rgba(223,170,40,1) 52%, rgba(221,170,44,0) 53%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(219,168,42,0) 51%,rgba(223,170,40,1) 52%,rgba(221,170,44,0) 53%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(219,168,42,0) 51%,rgba(223,170,40,1) 52%,rgba(221,170,44,0) 53%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */


}

/* ==========================================
 HEADER
========================================== */
header {
	
}

img.logo {
    width:100%;
    max-width:680px;
    height:auto;
}
@media screen and (max-width:1150px) {
    img.logo {
        width:500px;
    }
}

/* ==========================================
 NAVIGATION
========================================== */
.navigation {
    padding-left:175px;
}
.navigation li {
    list-style-type:none;
    display:block;
    letter-spacing:2px;
    font-size:18px;
    padding-bottom:10px;
}
.navigation > li:last-child {
    padding-bottom:0px;
}
.navigation li a {
    display:block;
}
.navigation li.current-menu-item a, .navigation li.current_page_parent a {
    color:#96b1d3;
}

/* ==========================================
 FONTS
========================================== */
.font-lustria {
    font-family: 'Lustria', serif;
}
.font-dk-blue {
    color:#040a33;
}
.font-lt-blue {
    color:#96b1d3;
}

/* ==========================================
 TEXT
========================================== */
p { 
    padding-bottom:15px;
}
.body-content p {
    padding-bottom:30px;
    line-height:28px;
}

p:last-child {
    padding:0;
}

h1.font-lustria {
    letter-spacing:2px;
}
h2 {font-weight:normal;}
h3 {font-weight:normal;}

.body-content h2 {
    font-family: 'Lustria', serif;
    font-size:28px;
    padding-bottom:15px;
    color:#040a33;
    line-height:1;
}

.contact-headline {
    background-color:#d59a1f;
    padding:12px 50px;
    display:inline;
}
h2.blue-box {
    color:#fff;
    font-size:28px;
    letter-spacing:2px;
    background-color:#96b1d3;
    padding:12px 0;
    width:425px;
}
h2.white-box {
    color:#96b1d3;
    border:1px solid #96b1d3;
    font-size:28px;
    letter-spacing:2px;
    background-color:#fff;
    padding:12px 75px;
    display:inline;
}
.about-home p {
    line-height:36px;
    padding-bottom:40px;
}
.about-home p:last-child {
    padding-bottom:0px;
}
.about-home p a {
    text-transform:uppercase;
    font-size:20px;
}
.block-credentials p {
    padding-bottom:15px;
    line-height:20px;
}
.block-credentials p:last-child {
    padding-bottom:0;
}
.block-credentials h3 {
    color:#808090;
    text-transform: uppercase;
    font-size:12px;
}
/* ==========================================
 IMAGES
========================================== */
.not-found {
    width:100%;
    max-width:600px;
    height:auto;
}
.size-large, .size-full {
    max-width:100%;
    height:auto;
}
@-moz-document url-prefix() {
    /* Firefox doesn't respect max-width in certain situations */
    .size-large, .size-full { 
        width: 100%;
        max-width: -moz-max-content;
        height:auto;
    }
}

/* ==========================================
 LINKS
========================================== */
a {
	color:#0e132f;
	text-decoration:none;
     -o-transition:color .5s ease-out;
	-ms-transition:color .5s ease-out;
	-moz-transition:color .5s ease-out;
	-webkit-transition:color .5s ease-out;
	transition:color .5s ease-out;
}

a:hover {
	color:#96b1d3;   
}
.font-white a, a.white {
    color:#fff;
}
.font-white a:hover, a.white:hover {
    color:#eeeeee;
}

/* ==========================================
 SIDEBAR AND WIDGETS
========================================== */
#sidebar {
	
}

/* ==========================================
 SLIDERS
========================================== */
.slider-gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,040a33+100&0+3,0.8+100 */
background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(29,85,150,0) 3%, rgba(4,10,51,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(29,85,150,0) 3%,rgba(4,10,51,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(29,85,150,0) 3%,rgba(4,10,51,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#cc040a33',GradientType=0 ); /* IE6-9 */

}
.slider-content {
    font-size:33px;
    font-weight:600;
    line-height:40px;
    padding:10% 20px 20px 20px;
}

/* ==========================================
 LISTS
========================================== */
ul.credentials {
    list-style-type:none;
}
ul.credentials li {
    padding-bottom:30px;
    border-bottom:1px solid #fff;
    margin-bottom:30px;
}
ul.credentials li p {
    line-height:26px;
}
ul.credentials li:last-child {
    padding-bottom:0;
    border-bottom:none;
    margin-bottom:0;
}
ul.pubs {
    list-style-type:none;
}
ul.pubs li {
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #b8cfed;
}
ul.pubs li:last-child {
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:none;
}

/* ==========================================
 MENUS
========================================== */


/* ==========================================
 MOBILE MENU OVERLAY
========================================== */
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}

.mobile-icon {
    top:7px;
    left:0;
    z-index:6;
}
.top-animate {
    background: #fff !important;
    top: 13px !important;
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}
.mid-animate { 
    opacity: 0;
}
.bottom-animate {
    background: #fff !important;
    top: 13px !important;
    -webkit-transform: rotate(-225deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-225deg);
}
.top-menu {
    top: 5px;
    width: 25px;
    height: 2px;
    border-radius: 10px;
    background-color: #fff;
}
.mid-menu {
    top: 13px;
    width: 25px;
    height: 2px;
    border-radius: 10px;
    background-color: #fff;
}
.bottom-menu {
    top: 21px;
    width: 25px;
    height: 2px;
    border-radius: 10px;
    background-color: #fff;
}
.menui {
    background: #2a3e61;
    transition: 0.6s ease;
    transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
    margin-top: 6px;
    position: absolute;
}
.icon {
    z-index: 999;
    display: block;
    padding: 9px;
    height: 35px;
    width: 35px;
    margin: 0 0 0 10px;
    top: 8px;
    left: 10;
}
.icon-container {
    z-index: 6;
}
.mobilenav {
    top: 0;
    left: 0;
    z-index: 5;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #2a3e61;
    opacity: 0.95;
}
.mobilenav #Navigation li {
    list-style-type: none;
    text-align: center;
    padding: 10px 0;
}
.mobilenav #Navigation li a {
    color: #fff;
    text-decoration: none;
    width: 100%;
    text-transform:uppercase;
    font-size:20px;
    line-height:1;
    font-weight:600;
}
.mobilenav a {
    color: #fff;
    text-decoration: none;
    width: 100%;
    line-height:1;
    font-weight:600;
}
.mobilenav #Navigation li a:hover, .mobilenav a:hover {
    color: #e5e5e5;
}
.mobilenav #Navigation li:first-child { 
    margin-top: 60px;
}

/* ==========================================
 FOOTER
========================================== */
footer {
	
}
.footer-nav li {
    list-style-type:none;
    display:block;
    letter-spacing:2px;
    font-size:14px;
    padding-bottom:10px;
}
.footer-nav > li:last-child {
    padding-bottom:0px;
}
.footer-nav li a {
    display:block;
    color:#757575;
}
.footer-nav li a:hover, .footer-nav li.current-menu-item a {
    color:#040a33;
}
footer .logo {
    width:100%;
    max-width:465px;
    height:auto;
}
footer p {
    line-height:22px;
}
.footer-column {
    height:52px;
}

/* ==========================================
 INPUTS
========================================== */
#name, #message {
	padding:10px;
	width:100%;
	border: none;
	color: #000;
	letter-spacing:.5px;
}

#message {
    height:140px;
	resize:vertical;
}

#submit {
	border: none;
	background-color: transparent;
	text-transform:uppercase;
	letter-spacing:.5px;
	font-size:22px;
	color:#fff;
}