/*
Theme Name: Social Kiwi
Author: SK
Author URI: SocialKiwi
Description: Social Kiwi
Version: 1.0

*/

/*Wordpress editor styles start*/

@import 'https://fonts.googleapis.com/css?family=Montserrat';

body {
    font-family: 'Poppins', sans-serif!important;
    color:#424c55; 
    font-size: 16px;
    overflow-x: hidden!important;
   }


   #logo-section {
    background: #E1F2EA;
    padding: 3%;
    display: block;
}

.selfclear a:hover{
	opacity: 0.4;
}

a.intro-text.intro-main {
    text-transform: uppercase;
}

#gallery-1 img {
    border: 0px!important;
}

   nav#main-menu {
    border-bottom: 3px solid #ebebeb;
}

   .et_pb_module li {
    list-style: circle!important;
    padding: 5px!important;
}

a{
	color: #dedb2e;
}

p {
    font-size: 18px;
    color: #424c55;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
}

#services-list .title{
	    font-size: 18px;
    color: #424c55;
}

.footer-content-block p{
color: #fff;
}

#services-list .excerpt{
	    font-size: 16px;
    color: #424c55;	
}
   
.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}

	img {
		max-width:100%;
		width:auto;
		height:auto;
	}
	
/*Wordpress editor styles end*/

	.selfclear:before,
	.selfclear:after {
		clear:both;display:block;content:".";height:0;line-height:0;visibility:hidden;overflow:hidden;font-size:0;
	}





#content-section {
	max-width:1600px;
	margin:0 auto;
}





.navbar-default {
    background-color: #ffffff;

}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #424c55;
    background-color: #ffffff;
}


.navbar-default  a {
    color: #000;
    background-color: #ffffff;
    font-weight: 500;
    font-weight: uppercase;
}

.full-width {
	width:100%;
	padding-right: 0px;
    padding-left: 0px;
}

@media (min-width: 1200px) {
	.container {
	    width: 100%;
	    padding: 0px
	}

	.sk-container {
    width: 1570px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 180px;
   }

   .navbar-default {
    border-color: #ffffff;
    padding: 0px 40px;
   }
}

.box-img {
height:300px;
  

}

.img-1 {
	background:#49c6e6;
}

.img-2 {
	background:#fff;
}

.img-3 {
	background:#424c55;
}

.img-4{
	background:#e1f2ea;
}

.img-5 {
	background:#141414;
}

.img-6 {
	background:#253131;
}

.img-7 {
	background:#a63d41;
}

.img-8 {
	background:#3991a7;
}



.box-img img {

	max-width: 30%;
    max-height: auto;
    margin: auto;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	
}



.green-border {
    border-bottom: 13px solid #dedb2e;
}

.green-border img{
    position: relative;
    left: 50%;
    bottom: 10px;
    margin-left: -31px;
}

.no-padding
{
	padding:0px;
}

#content-section h2 {
    font-size: 55px;
    font-weight: 500;
}

.second-content-block {
    text-align: center;
    color: #fff;
}



.second-content-block .row {
    background: #424C55;
    padding: 50px 0px 50px 0px;
    background-image: url("../../uploads/2016/10/kiwi-bg.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.third-content-block {
    text-align: center;
    color: #fff;
}

.third-content-block .row {
    background: #424C55;
    padding: 50px 0px 50px 0px;
    background-image: url("../../uploads/2016/10/are-you-social-kiwi-bg.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.footer-content-block .row {
    background: #424C55;
    padding: 50px 0px 50px 0px;
    text-align: center;
    color:#fff;
    font-size:19px;
    border-top: 13px solid #dedb2e;
    background-image: url("../../uploads/2016/10/kiwi-bg.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}


.post-header {
     background-image: url("../../uploads/2016/10/kiwi-bg.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}


#content-section .row {
   padding: 90px 0px 50px 0px;
}

.second-content-block h2 {
 font-size:50px;
}


.third-content-block h2 {
    font-size: 50px;
}

.second-content-block p {
 font-size:19px;
 font-style: italic;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    padding: 15px 45px 15px 45px;
    font-size: 27px;
    border-radius: 0;
    font-weight: 500;
    margin-top: 60px;
}

/**/

	#banner .row + .row {
		background:#f5f5f5;
		font-size:2.15em;
		color:#4f4f4e;
		padding:50px;
	}
	#content-section-one {
		padding-top:0;
		padding-bottom:0;
	}	
	#content-section-one [class*=col-] {
		height:600px;
		text-align:center;
		position:relative;
		background: #F7F4EB;
	}
	#content-section-one [class*=col-]:nth-child(even){
		background: #E1F2EA;
	}
	
	
	#content-section-one .cta-icon {
    line-height: 110px;
    margin-top: 150px;
    }


	#content-section-one .cta-icon img { 
		vertical-align:middle; 
	}
	#content-section-one .cta-title { 
		color:#2884e7; 
		font-size:25px; 
		line-height:25px; 
		min-height:50px;
	}
	#content-section-one .cta-text { 
	    color: #454545;
	    margin: 0 30px;
	    font-size: 20px;
	    font-weight: 500;
	    padding-top: 35px;
 
	}
	#content-section-one .cta-button { 
		position:absolute;
		bottom:35px;
		left:0;
		right:0;
		height:50px; 
	}
	#content-section-one .cta-button a {
		display:inline-block;  
		background:#e7a128;
		color:#ffffff;
		line-height:50px; 
		padding:0 50px;
		border-radius:5px;
		text-decoration:none;
		opacity:1;
		transition:all 0.25s ease;
	}
	#content-section-one .cta-button a:hover {
		opacity:0.75;
		transition:all 0.25s ease;
	}
	

/* Fold 2 */
	#content-section-two {
		background:url(images/fold2-hands.jpg);
		color:#ffffff;
	}

/* Fold 3 */
	#content-section-three {
		background:url(images/fold3-faq.jpg);
		color:#ffffff;
		padding-top:150px;
		padding-bottom:250px;
	}
	#content-section-three .row .section-cta-button {
		margin-top:50px;
	}
	#content-section-three .row .section-cta-button a {
		color:#ffffff;
		border:2px solid #ffffff;
		transition:all 0.25s ease;
	}
	#content-section-three .row .section-cta-button a:hover {
		background:#ffffff;
		color: #2884e7;
		transition:all 0.25s ease;
	}


@media (min-width: 768px) {
	.navbar-nav>li>a {
	    padding-top: 39px;
	    padding-bottom: 15px;
	    font-size: 18px;
	}

	.home-newsletter h2 {
	font-size:50px;

    }
    #content-section .row {
    padding: 170px 0px 170px 0px;
   }

   #content-section h2 {
    font-size: 47px;
    font-weight: 500;
    padding-bottom: 50px;
   }

     #content-section p {
    font-size: 18px;
    padding-bottom: 20px;
   }
}

	a.overlay {
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background: transparent;    
	    transition: all 0.35s;
	    -webkit-transition: all 0.35s;
	    }


    a.overlay:hover {
    background: rgba(0,0,0,0.23);
    transition: all 0.35s;
    -webkit-transition: all 0.35s;
   }

     a.overlay:hover img {
      -webkit-transition: all 0.1s linear;
      transition: all 0.35s linear;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
}


	a.social-overlay {
	    background: transparent;    
	    transition: all 0.35s;
	    -webkit-transition: all 0.35s;
	    }


	    a.social-overlay:hover {
	    background: rgba(0,0,0,0.23);
	    transition: all 0.35s;
	    -webkit-transition: all 0.35s;
	   }

	     a.social-overlay:hover img {
	      -webkit-transition: all 0.1s linear;
	      transition: all 0.35s linear;
	      -webkit-transform: scale3d(1.1, 1.1, 1.1);
	      transform: scale3d(1.1, 1.1, 1.1);
	     }



.col-lg-3 a {
    color: #424c55;
    text-decoration: none;
}

.last-content-block {
    max-width: 1750px;
    margin: 0 auto;
}

.home-newsletter h2 {
	font-size:50px;

}

.home-newsletter h3 {
	font-size:20px;
	margin-top: 0px;

}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    min-width: 50%;
    width:82%;
    margin-bottom: 0;
    height: 70px;
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    margin-left: -1px;
    background: #FF6468;
    border-radius: 0px;
    color: #fff;
    font-size: 25px;
    padding: 15px 70px 15px 70px;
}


.last-block-bg {
	background: url("../../uploads/2016/10/retina_wood-footer.png");
}

.row.social-links .col-sm-2 img{
	max-width:80%;
    margin: auto;
    display: block;
    padding-top:125px;

}

section.home-newsletter {
    padding-bottom: 65px;
}

#latest-posts-slider .slider-inner {
    margin: 2% 5%!important;
}

.inner-container p {
    color: #fff;
}

.slider-box {
	border:3px solid #fff;
	background:#424C55;
	color:#fff;
	height: 583px;

}

.row.last-content-block.blog-slider {
    padding: 40px 0px 40px 0px;
}



.slider-box h2 {
    text-align: center;
    font-size: 35px;
    vertical-align: middle;
    padding-top:90px;
}


.slider-box p {
    vertical-align: bottom;
    font-size: 19px;
    position: absolute;
    bottom: 0;
}

.blog-slider span {
    position: absolute;
	color:#000;
	

}


.navbar-default .navbar-nav>li>a {
    color: #424c55;
}

.navbar-default {
    border-color: #ffffff;
}

 .post-header {
    background-color: #424c55 ! important;
    color: #fff;
    text-align: center;
    padding: 38px 0;
    border-bottom: 13px solid #dedb2e;
}


	@media (max-width:767px) {
		#content-section h2 {
			font-size:25px;
		}
		.second-content-block h2 {
			font-size:25px;
		}
		.home-newsletter .input-group-btn {
			clear:both;
			float:none;
			display:block;
		}
		.input-group-btn:last-child>.btn, 
		.input-group-btn:last-child>.btn-group {
			padding:0;
		}
	}

ul#menu-main-menu li a {
    text-transform: uppercase;
}

#latest-posts-slider .prev-post, .next-post   div {
     cursor: pointer;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #ffffff;
}


.gform_body .medium {
    background: #dedede ! important;
    margin-top:30px ! important;
}

.et_pb_section input{
      padding-left: 10px ! important;
}
  
.et_pb_section textarea{
      padding-left: 10px ! important;
}

.medium  {
    width: 100%;
}


button#gform_submit_button_1 {
    margin-top: 20px;
}


/*FOOTER FORM*/
#mc_embed_signup form {
    display: block;
    position: relative;
    text-align: left;
    padding: 10px 0 10px 0 ! important;
}

#mc_embed_signup input.button {
    display: inline-block;
    width: 29% !important;
    margin: 0 auto;
    min-width: 90px;
    background-color: #FF6468;
    border-radius: 0px;
    height: 67px;
    font-size: 26px;
    font-weight: normal;
    float: none;
}

#mc_embed_signup input.button {
    display: block;
    width: 35%;
    margin: 0 auto!important;
    min-width: 90px;
    padding: 0px!important;
    margin-top: 30px!important;
}

#mc_embed_signup input.email {
    padding: 23px 0 !important;
    width: 50% !important;
    float: none;
    margin: 0 auto!important;
    text-align: center;
    font-size: 20px;
}

/*CIRCLE ICONS CSS*/

/**
 * Position icons into circle (SO)
 * http://stackoverflow.com/q/12813573/1397351 
 */
.circle-container {
    position: relative;
    width: 50em;
    height: 50em;
    padding: 2.8em;
    border: dashed 0px;
    border-radius: 50%;
    margin: 1.75em auto 0;
}
.circle-container a {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7em;
    height: 7em;
    margin: -2em;
    color: #fff;
}
.circle-container img { display: block; width: 100%; }
.deg0 { transform: translate(12em); } /* 12em = half the width of the wrapper */
.deg45 { transform: rotate(45deg) translate(12em) rotate(-45deg); }
.deg135 { transform: rotate(135deg) translate(12em) rotate(-135deg); }
.deg180 { transform: translate(-12em); }
.deg225 { transform: rotate(225deg) translate(12em) rotate(-225deg); }
.deg315 { transform: rotate(315deg) translate(12em) rotate(-315deg); }

/* this is just for showing the angle on hover */
.circle-container a:not(.center):before {
	position: absolute;
	width: 4em;
	color: white;
	opacity: 0;
	background: rgba(0,0,0,.5);
	font: 1.25em/3.45 Courier, monospace;
	letter-spacing: 2px;
	text-decoration: none;
	text-indent: -2em;
	text-shadow: 0 0 .1em deeppink;
	transition: .7s; /* only works in Firefox */
	content: attr(class)'°';
}
.circle-container a:hover:before { opacity: 1; }

/* this is for showing the circle on which the images are placed */
.circle-container:after {
	position: absolute;
	top: 2.8em; left: 2.8em;
	width: 24em; height: 24em;
	border: dashed 1px deeppink;
	border-radius: 50%;
	opacity: .3;
	pointer-events: none;
	content: '';
}
.circle-container:hover:after { opacity: 1; }
.circle-container a:not(.center):after {
	position: absolute;
	top: 50%; left: 50%;
	width: 4px; height: 4px;
	border-radius: 50%;
	box-shadow: 0 0 .5em .5em white;
	margin: -2px;
	background: deeppink;
	opacity: .3;
	content: '';
}
.circle-container:hover a:after { opacity: 1; }
.circle-container a:hover:after { opacity: .3; }



.row.circle-section {
	background: url(../../uploads/2016/10/Socialkiwi-bannerbg.jpg);
}
.circle-container {
	background: url(../../uploads/2016/10/banner-frontblur.png);
    margin-bottom: 40px;
    background-position: center;
}


.dropdown-menu>li>a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 13px;
    border-bottom: 1px dotted #d8d8d8;
}

/*PORTFOLIO*/

.page-id-536 .box-img img {
    max-width: 100%;
    max-height: auto;
    margin: auto;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.page-id-536 .box-img .img-1  {
	background: url("../../uploads/2016/10/portfolio-1.jpg") ! important;
    display:block;
}

.page-id-536 .box-img.img-2  {
	background: url("../../uploads/2016/10/portfolio-2.jpg") ! important;
	display:block;

}

.page-id-536 .box-img.img-3  {
	background: url("../../uploads/2016/10/portfolio-1.jpg") ! important;

}

.page-id-536 .box-img.img-4 {
	background: url("../../uploads/2016/10/portfolio-2.jpg") ! important;

}

.page-id-536 .box-img.img-5 {
	background: url("../../uploads/2016/10/portfolio-2.jpg") ! important;

}

.page-id-536 .box-img.img-6 {
	background: url("../../uploads/2016/10/portfolio-1.jpg") ! important;

}


.page-id-536 .box-img.img-7 {
	background: url("../../uploads/2016/10/portfolio-2.jpg") ! important;

}


.page-id-536 .box-img.img-8 {
	background: url("../../uploads/2016/10/portfolio-1.jpg") ! important;

}


.page-id-536 .box-img.img-1 {
	background: url("../../uploads/2016/10/portfolio-1.jpg") ! important;

}

.page-id-536 .box-img.img-1 {
	background: url("../../uploads/2016/10/portfolio-1.jpg") ! important;

}


.wp-pagenavi {
    font-size: 20px;
}


.col-md-5.social-section {
    padding-bottom: 57px;
}

body .wp-pagenavi a, body .wp-pagenavi span {
    text-decoration: none ;
    border: none;
    padding: 3px 5px;
    margin: 8px;
    color: #424c55;
}

.et_divi_builder #et_builder_outer_content .et_pb_text_0 {
	    padding-right: 150px !important;
	 }


@media only screen and (min-width : 768px) {
.col-md-5.social-section {
    padding-bottom: 57px;
   }

}


@media (max-width: 980px) {
	.et_divi_builder #et_builder_outer_content .et_pb_section {
	    padding: 50px 35px ! important;
	}

	 #google-map-container {
	    padding: 0 40px;
	  }

	  #mc_embed_signup input.button {
	     font-size: 14px;
	  }


	.et_divi_builder #et_builder_outer_content .et_pb_text_0 {
	    padding-right: 0px !important;
	 }

	.second-content-block .grey-block-one .col-md-12 {
    padding:0 114px;

   }

   .third-content-block h2 {
    font-size: 20px;
   }

   #mc_embed_signup input.button {
    right: 0px;
  }

}



	#page-top-offset {
		margin-top:100px;
	}

	body.home  #page-top-offset {
		margin-top:0;
	}

	#main-menu {
		margin-bottom:0;
		position:fixed;
		left:0;
		right:0;
		top:0;
		z-index:1000;
		border-bottom: 3px solid #ebebeb;
	}
	
	body.admin-bar 	#main-menu { top:32px; }

	body.home #main-menu {
		top:0!important;
	}
	
	
	#header-logo img {
		width:auto;
		max-height:100px;
		height:auto;
	}
	
a#kiwilogo img {
    max-width: 120px;
    z-index: 100;
    position: fixed;
    top: 15px;
    left: 12px;
}

a#kiwilogo img{
	display: none;
}

.home a#kiwilogo img{
	display: block;
}

.show a#kiwilogo img{
	display: none;
}

@media (max-width: 991px){
a#kiwilogo img{
	display: none;
}

.home a#kiwilogo img{
	display: none;
}

.show a#kiwilogo img{
	display: none;
}
}


	body.admin-bar.home #main-menu.show { top:32px; }
	
	

@media (max-width:991px) {
		#main-menu {
			position:static;
		}

		.navbar-nav>li>.dropdown-menu {
    
        display: none ! important;
       }

       b.caret {
       display: none;
     }

     body .navbar-nav>li>a {
    padding-top: 17px;
    font-size: 16px;
    }

    #gallery-1 .gallery-item{
    	width: 50%!important;
    }

    #mc_embed_signup input.email{
    	width: 100%!important;
    }

    #mc_embed_signup input.button{
    	width: 100%!important;
    }
}


@media (max-width: 600px){
	.myButtonLink{
    display: block;
    min-width: 90%!important;
    min-height: 500px;
border-radius: 0px!important;
}
}


@media (max-width:480px) {
	.footer-content-block p {
    text-align: left;
}


    #gallery-1 .gallery-item{
    	width: 100%!important;
    }
}



.wp-pagenavi {
   text-align: center
}

body .wp-pagenavi span {
    text-decoration: none;
    border: none;
    padding: 3px 20px;
    margin: 8px;
    display: inline-block;
}

body .wp-pagenavi span.current {
    border-color: #000;
    border: 1px solid #dedb2e ;
}

.wp-pagenavi a:hover {
   color:#dedb2e;
}

#sb_instagram #sbi_load{
	display: none;
}

.footer-widget {
    overflow: hidden;
}

.myButtonLink:hover {
	background-position: top center!important;
	cursor: pointer;
}

div#skpartners {
    display: block;
    width: 100%;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel {
    padding: 15px!important;
}

input[type="checkbox"] {
    margin-right: 10px!important;
}

button.tvo-form-button { border: none!important; border-radius: 0px!important; background: #FF6468!important; width: 50%; padding: 10px!important; }


span.tvo-question-label {
    color: #fff!important;
}

#menu-item-1773 {display: none;}








