/*
Theme Name: Zerif Lite Child
Theme URI: https://themeisle.com/themes/zerif-lite/
Description: Zerif Lite Child Theme
Author: ThemeIsle
Author URI: https://themeisle.com
Template: zerif-lite
Version: 0.1
*/
@import url("../zerif-lite/style.css");
/* Theme customization starts below this line -------- */


article.hentry {
	border-bottom: 0px}

.-item {
	margin-bottom: 1.5em !important }

.gallery {
	margin-bottom: 1em }

.site-main p {
	margin: 12px 0 12px 0 }

.buttons {
	margin-top: 20px !important }

.btn {
	font-family: 'Montserrat', Helvetica, sans-serif; 
	font-weight: normal !important}

.btn:visited {
	color:#ffffff; }

.red-btn {
	background: #ff9440; }

.red-btn:hover {
	color: #FFF;
	background: #ff7523; }

.blue-btn {
	background: #000094; }

.blue-btn:hover {
	color: #FFF;
	background: #000075; }

.green-btn {
	background: #233869 !important; }

.green-btn:hover {
	color: #FFF;
	background: #152654 !important; }

.btn-fullwidth {
	display:block; max-width:100% !important; }

.custom-button-fullwidth {
    max-width:100%;
    display: block;
    text-align: center;
    text-transform: uppercase;
    padding: 13px 15px 13px 15px;
    border-radius: 4px;
    margin: 10px 0;
    border: none; }


.rc-anchor-normal {
    width: 270px !imortant;
}

.content-area ul, .content-area  ol {
    margin: 0 0 1.5em 1em; }


.content-area blockquote {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }

ul.skills label {
	color:#ffffff !important; }




form {
	background-color: #ffffff !important;
	padding:0 }

label {
	font-size:15px; font-weight:bold; margin-top:0em;
	color: rgb(0,0,0,.5) !important }


.wpcf7-form-control {
	padding: 8px !important; 
	border: 1px solid rgba(0, 0, 0, 0.5 !important);
        background-color: #ededed !important;
	border-radius: 2px !important;
	outline: none  !important;
	font-weight: 400 !important; 
	font-size:105%; }

.wpcf7 input[type="text"],  .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 input[type="file"], .wpcf7 textarea {
	width: 100% !important; }

.wpcf7 input[type="file"] {
        background-color: #ffffff !important;}

label { padding-bottom: 5px !important;
	font-size: 80%; }
textarea {
	margin-bottom: 0; }

/*--- 2 Column Form Styles Start ---*/
 
#responsive-form{
	max-width:700px /*-- change this to get your desired form width --*/;
	 /* margin:0 auto; -- change this to center-align --*/;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}
 
/*--- 2 Column Form Styles End ---*/


#footer {
	background:#1d1d1d }

#footer .footer-widget a:link, #footer .footer-widget a:visited,
#zerif-copyright a:link, #zerif-copyright a:visited {
	color: #848484 !important }

#footer .footer-widget a:hover, #zerif-copyright a:hover {
	color: #cccccc !important }

.footer-widget-wrap {
	background:none !important; }

.footer-widget-wrap > .container {
	padding:2em 0 0 2em; }

.zerif-copyright-box {
	display:none; }

.copyright p, .copyright a  {
	max-width:100%; font-size:11px; }

div.copyright {
	 padding:30px 0; }

body {
	font-family: 'Lato', Helvetica, sans-serif !important;
	font-size: 14px;
	color: #424242;
	font-weight: normal;
	overflow-x: hidden;
	line-height: 25px;
	/* text-align: left; */ }

h2 {
    font-size:18px; } 

h3 {
    font-size:16px; 
    font-weight:bold; } 

.entry-content p {
    text-align:left }

.entry-content a {
    font-weight: bold; }


#ribbon_bottom h3, #ribbon_right h3 {
    font-size:24px; }

div.company-details, div.company-details a {
	font-size:14px; }

div.textwidget {
	text-align: left;  }

.company-details {
	padding-top: 30px; }


button, input[type="button"], input[type="reset"], input[type="submit"] {
    font-family: 'Montserrat', Helvetica, sans-serif;
    background-color: #e96656  !important;    
    padding: 10px  30px !important;     
    border-radius: 4px !important; 
    font-weight:bold; 
    font-size: 14px;
    color:#ffffff !important }



.entry-content {
	margin:2em 0 0; }

body {
	line-height:25px; }

.entry-content {
	line-height:1.5em; }

p {
	max-width:44em; }


/* MENU */
button.navbar-toggle {
padding:10px !important;}

.navbar-toggle {
	margin-right: 0px;
	padding: 9px 10px;
	border-radius:0px;}

.navbar-toggle.collapsed {
	background-color: #ffffff  !important; }

.navbar-toggle.active { 
	background-color: #ffffff !important; }

.navbar-toggle.hover { 
	background-color: #ffffff !important; }

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #333333; }

.navbar-inverse .navbar-nav > li {
	margin: 0 12px 0 12px;
	padding: 8px 0 8px 0; }

.navbar-inverse .navbar-nav > li:last-child {
	border-bottom:0; }

li.current>a:before {
	position: absolute;
	margin: auto;
	z-index: 1;
	content: "";
	width: 75%;
	height: 0px;
	background: #e96656;
	bottom: 0px;
	left: 12.5%; }

ul.nav > li.current > a:before,
.page ul.nav > li.current-menu-item > a:before,
.single-post ul.nav > li.current-menu-item > a:before,
.archive ul.nav > li.current-menu-item > a:before {
	position: absolute;
	margin: auto;
	z-index: 1;
	content: "";
	width: 75%;
	height: 0px;
	background: #e96656;
	bottom: 0px;
	left: 12.5%;
	display: block; }
/* MENU END*/



#menu-main {
	padding: 10px  0 0 0;}

.intro-text {
	text-transform: none;
	font-size:58px; line-height:48px;
	max-width:24em; 
	margin:0 auto; 
	font-weight:700;
	font-family: 'Montserrat', Helvetica, sans-serif;
	text-shadow: 1px 1px 2px #333333; }

.header-content-wrap {
	padding: 205px 0 120px;
	background: rgba(0, 47,67, 0.90) }

.about-us {
	background: rgba(3, 36, 51, 0.85) }

.about-us p {
	color: rgba(255, 255, 255, 0.90) }

.about-us .section-header .section-legend {
	color: rgba(255, 255, 255, 0.60); letter-spacing:2px; font-size:11px}

.about-us .big-intro {
	text-align: right;
	font-weight: 300;
	font-size: 45px;
	line-height: normal;
	margin-top: -15px; }

.skills li {
	text-transform:uppercase; }

.copyright {
	background: #1d1d1d;}

.zerif-copyright-box {
	font-size: 11px;
	width: 100%;
    	color: #666; }

.current a {
	color: #ffffff; 
	position: relative;
	outline: none;}

.current:before {
	position: absolute;
	margin: auto;
	z-index: 1;
	content: "";
	width: 75%;
	height: 2px;
	background: #ffffff !important;
	bottom: 0px;
	left: 12.5%; }

.separator-one {
	background: rgba(53, 80, 132, 0.95);
	padding:80px 30px; }

.small {
	font-size:12px ; 
	line-height: 18px !important; }



.section-header h2, #focus .section-header h2 a, #team .section-header h2 a, #aboutus .section-header h2 a, #testimonials .section-header h2 a, #contact .section-header h2 a {
	font-size:40px;
	text-transform: uppercase;}

/* HOMEPAGE -------- */
.purchase-now {
	padding-top: 70px;
	padding-bottom: 70px;
	background: #63a1dc; }

h3.white-text {
	color:#0b203e; 
}
/* END HOMEPAGE -------- */

@media (max-width: 480px) {	
	h1.intro-text {
	font-size: 40px; line-height: 32px; padding: 0 15px 0 15px; }

	h3 {
	font-size: 16px; 
	line-height: 24px !important; }

	.header-content-wrap {
	padding: 20% 0 20% 0; }

@media (max-width: 320px) {	
	h1.intro-text { 
	font-size: 24px; line-height: 18px; }

        h3 {
	font-size: 16px; 
	line-height: 24px !important; }

	.header-content-wrap {
	padding: 20% 0 20% 0; }
}