/*
Theme Name: Sonno Child
Theme URI: http://themeforest.net/user/theme-squared/portfolio
Author: ThemeSquared
Author URI: http://themeforest.net/user/theme-squared/portfolio
Description: Sonno is a Powerful, multi purpose, and responsive bootstrap WordPress landing page Theme. This theme is very easy to customize with great code structure, very suitable for marketing business or personal website.
Version: 1.0.0
License: WordPress theme is comprised of two parts: (1) The PHP code is licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://codex.wordpress.org/GPL (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://wiki.envato.com/support/legal-terms/licensing-terms/
License URI: license.txt
Tags: agency, blog, bootstrap template, business, clean, corporate, landing page, magazine, marketing, mobile app, modern, one page, responsive, startup, yellow
Text Domain: sonno-child-theme.
Template: sonno
*/
@import url('https://fonts.googleapis.com/css?family=Oxygen:700');
.page .title-section h1 {
	color: #ffffff;
	font-family: 'Oxygen', sans-serif;
}

.home h1{
	text-shadow: none !important;
	font-weight: 300;
	font-family: "open_sans" !important;
}
.home #builder-column-562f32ce97e5f .title-section > h1 {
	font-size:48px;
	font-weight:300;
	padding:0;
	line-height:52px;
	color:#df2626;
}
.home #builder-column-562f32ce97e5f .title-section > h1 strong {    
	font-weight:900;
	font-size:72px;
	line-height:68px;
	color:#1c1c1c;
	display:block;
	margin-top:10px;
}

.home .title-section > h2 {
	font-size:48px;
	font-weight:300;
	padding:0;
	line-height:52px;
	color:#df2626;
}
.home .title-section > h2 strong {    
	font-weight:900;
	font-size:72px;
	line-height:68px;
	color:#1c1c1c;
	display:block;
	margin-top:10px;
}
.home #builder-row-562f5542abca7 .title-section > h2 {
    color: rgba(255,255,255,0.5);
}
.home #builder-row-562f5542abca7 .title-section > h2 strong {
    color: rgba(255,255,255,0.85);
}
.home #builder-row-562f5542abca7{
	padding: 25px 0 !important;
}
.home #builder-row-562f5542abca7 .title-section:after {
	border-color: rgba(255,255,255,0.5);
}
.home .pricing-list ul li:nth-child(3) {
    background: #f6f6f6;
}

.home #top_cta_row{
  margin-bottom:0 !important;
  background: #F5F5F5 !important;
}
.home .t_cta{
  color: #fff;
  font-size: 1.67vw;
  text-align:center;
  margin-bottom:4px;
}

.home .cta_rush_btn{
  color: #fff;
  font-size: 18px;
  display: inline-block;
  background-color: #1a5178;
  border-radius: 20px;
  padding: 5px 0px;
  width: 92%;
  text-align:center;
  max-width:250px
}
.home #cta_date{
  color: white;
  font-size: 21px;
  letter-spacing: 0.5px;
  margin-top: -5px;
}
.home #cta_fast{
  color: white;
  font-size: 12px;
  margin-top: 3px;
}

.home .cta_wrap{
  padding-top:13px;
}

.home .left, .right {
  position: relative;
  height: 100px;
  width:calc(51% - 60px);
  background: #195078;
  float: left;
  text-align:center;
}

footer {
    padding: 50px 0 50px;
}

.home .right i{
  margin-top: -5px;
  vertical-align: middle;
  font-size:15px;
}

.home .right .t_cca{
  margin-bottom:10px;
}

.home .left.cta_wrap .cta_rush_btn{
	background-color: #cc1a5a;
}

.home .left:after {
  content: '';
  line-height: 0;
  font-size: 0;
  width: 0;
  height: 0;
  border-top: 100px solid #195078;
  border-bottom: 50px solid transparent;
  border-left: 0px solid transparent;
  border-right: 50px solid transparent;
  position: absolute;
  top: 0;
  right: -50px;
}

.home .right {
  margin-left: 60px;
  width: 49%;
  background: #cc1a5a;
}

.home .right:before {
  content: '';
  line-height: 0;
  font-size: 0;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 100px solid #cc1a5a;
  border-left: 50px solid transparent;
  border-right: 0px solid #cc1a5a;
  position: absolute;
  top: -50px;
  left: -50px;
}

div#builder-row-562f2e7d5cc37 {
    padding-top: 0px;
    padding-bottom: 0px;
    background: white;
}

#builder-row-562f2e7d5cc37 .container {
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    width: 100%;
}

.page .title-section h1 {
    text-shadow: rgba(0,0,0,.9) 0 0 19px;
}

.page .inner-heading {
    background-image: url(/wp-content/uploads/2018/09/banner-image-2.png);
    background-size: cover;
}

.page .wp-caption-text {
    text-align: center;

}
.navbar-header .logo {
    width: 150px;
}

.home #aboutus{
	padding:50px 0;
}
.page-child .page .container {
	padding-top: 0;
}
.home #testimonail blockquote > p{
	color: rgba(255,255,255,0.85);
	font-size: 15px
}

.navbar .container{
	justify-content: space-between;

}
@media only screen and (max-width: 550px) {
    .mobile_hide{
    	display:none;
    }
    .home .t_cta{
    	font-size: 2.5vw;
    }
}
@media only screen and (max-width: 430px) {
    .home .t_cta{
    	font-size: 3.5vw;
    }
    .home .right {
    	width: 46%;
 	}
 	.home .left {
    	width: calc(54% - 60px);
    }
    .home .cta_rush_btn {
    	font-size: 15px;
	}
}
@media only screen and (min-width: 992px) {
	.home .masonry {
	    margin: 49px 10%;
	}
	.home ul.filter-items {
    	padding: 0px 10%;
	}
	.home .grid-sizer.col-md-3, .grid-item.col-md-3 {
    	width: 25%;
	}
}
@media only screen and (max-width: 990px){
	#right-nav-container{
		margin-left:auto;
		margin-right:auto;
		width: 287px;
	}
}
@media only screen and (max-width:1199px) and (min-width: 990px){
	#menu-mainmenu{
	    clear: both;
	    margin-bottom: 0px;
	    text-align: center;
	}
	#right-nav-container .navbar-right{
		position: absolute;
	    top: 0;
	    right: 15px;
	}
	.navbar .container>.navbar-header{
		display: block;
		margin-top: 40px;
	}
	.navbar .container{
		display: block;
	}
	#navbar{
	    width: 534px;
	    margin-left: auto;
	    margin-right: auto;
	}
}

/*.pin-sidebar-left .container:first-of-type{
	float:right;*/
	/*width: 75%;*/
/*}*/
/*.pin-sidebar-left .widget_categories{
	float:left;
	width: 25%;
}*/