/* ==============================================================

Template name : Sugan - Software / Apps / Mobile WordPress Theme
Categorie : Technology
Author : ThemeSquared
Version : v1.0.0
Created : 5 December 2015

-----------------------------------------------------------------
CSS structure
-----------------------------------------------------------------

01. Home
02. Inner page
03. Media responsive
04. Slider and form
05. Section container
06. Half column
07. Parallax
08. Client logo
09. Testmonial
10. Features
11. Diamonds
12. Pricing table
13. Subscribe
14. Contact
15. Blog
16. Comments
17. Aside
18. Google Maps
19. Footer
20. Social Link
21. Twitter Feed
22. Heading
23. Loading
24. Ui to top
25. icon setting
26. Divider
27. Clear spacer
28. Custom min top spacer
29. Custom top spacer
30. Custom bottom spacer
31. Custom left spacer
32. Custom right spacer
33. Custom responsive
	
============================================================== */

@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,900);

/*
Home
=========================== */
.home-section{
	padding:155px 0 20px 0;
	font-size:18px;
	line-height:28px;
	color:#fff;
	position:relative;
}

.headline{
	font-size:30px;
	line-height:36px;
	font-weight:300;
	text-transform:uppercase;
}

.headline h1 {
	font-size: 46px;
}

.arrow-down{
	width:37px;
	height:19px;
	margin:40px auto;
	display:block;
}

/*
Inner page
=========================== */
.inner-heading{
	background:#31383c;
	padding:150px 0 30px 0;
}

.inner-page{
	padding:80px 0 80px 0;
}

/*
Media responsive
=========================== */
.video-container,.map-container,.embed-container{
	position:relative;
	margin:0 0 15px 0;
	padding-bottom:58%;
	padding-top:30px;
	height:0;
	border:none;
}

.embed-container.absolute{
	position:absolute;
	background:rgba(0,0,0,0.9);
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	padding:0px;
	padding:80px 0px;
	display:none;
}

.embed-container iframe,
.embed-container object,
.embed-container embed,
.video-container iframe,
.map-container iframe,
.map-container object,
.map-container embed,
.video-container video,  
.video-container source,  
.video-container object,  
.video-container embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

iframe {
	border:none;
}

.video-wrapper{
	display:block;
	position:relative;
	width:100%;
	height:auto;
}

.video-image{
    position: absolute;
	width:100%;
	height:100%;
    top: 0;
    left: 0;
	z-index:2;
}

.player{
	background:#31383c;
	padding:20px;
  -webkit-box-shadow: 0 18px 16px -16px black;
     -moz-box-shadow: 0 18px 16px -16px black;
          box-shadow: 0 18px 16px -16px black;
}

.start-video{
	position:absolute;
	width:200px;
	height:200px;
	border:20px solid;
	display:block;
	background:rgba(230, 234, 236, 0.6);
	border-radius:50%;
	text-align:center;
	font-size:100px;
	line-height:100px;
	z-index:4;
	left:50%;
	top:50%;
	margin:-140px 0 0 -100px;
	opacity:0.6;
   -moz-box-shadow:    inset 0 0 10px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
   box-shadow:         inset 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.start-video i{
	margin-right:-15px;
}

.start-video:hover{
	opacity:1;
}

.home-container{
	line-height:36px;
}

.form-line{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

.form-line li{
	float:left;
	list-style:none;
	width:33.333%;
	margin:0;
	padding:0 5px 0 0;
}

.form-line li .form-control{
	background:rgba(255, 255, 255, 0.9);
	height:56px;
	padding-left:20px;
	padding-right:20px;
	font-size:13px;
	color:#a3a3a3;
}

/*
Slider and form
=========================== */
.slideform-wrapper{
	position:relative;
	float:left;
	width:100%;
	margin:0 0 70px 0;
}

.home-slider{
	background:#31383c url(../img/browser.png) no-repeat 0 0;
	float:left;
	width:60%;
	padding-top:40px;
	margin-top:80px;
	border-radius:2px;
	-webkit-box-shadow: 0 3px 3px 5px rgba(42, 42, 42, 0.2);
	  -moz-box-shadow: 0 3px 3px 5px rgba(42, 42, 42, 0.2);
	  box-shadow: 0 3px 3px 5px rgba(42, 42, 42, 0.2);
}

.register-form{
	position:relative;
	float:left;
	width:40%;
	text-align:left;
	font-size:14px;
	line-height:28px;
	color:#636363;
	background:#fff;
	z-index:5;
	-webkit-box-shadow: 0 3px 3px 5px rgba(42, 42, 42, 0.1);
	  -moz-box-shadow: 0 3px 3px 5px rgba(42, 42, 42, 0.1);
	  box-shadow: 0 3px 3px 5px rgba(42, 42, 42, 0.1);
}

.register-head{
	position:relative;
	background:#f5fafa;
	border:1px solid #e4ecec;
	padding:40px 30px 20px 30px;
}

.register-head h1, .register-head h2, .register-head h3, .register-head h4, .register-head h5, .register-head h6{
	position:relative;
	color:#333;
	padding-bottom:20px;
}

.register-head h1 span, .register-head h2 span, .register-head h3 span, .register-head h4 span, .register-head h5 span, .register-head h6 span{
	position:absolute;
	width:60px;
	height:5px;
	left:0;
	bottom:0;
}

.register-containt{
	padding:40px 30px 35px 30px;
}

/*
Section container
=========================== */
#wrapper{
	position:relative;
	background:#fff;
}

.dark-section{	
	background:#222;
	padding:65px 0 80px 0;
	color:#e8e8e8;
}

.wrapper{
	padding:80px 0 80px 0;
}

#intro .headtitle {
	text-transform: none;
	font-weight: 300;
	line-height: 42px;
	font-size: 28px;
	padding: 0 5%;
}

#intro p{
	margin-bottom:35px;
}

.workit-box p{
	margin-bottom:10px
}

/*
Half column
=========================== */
.half-wrapper{
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
	background:#fff;
}

.half-column{
	padding:0;
}

.set-left,
.set-right{
	position:relative;
}

.fluid{
	background:#f7f8fa;
	z-index:1000;
	position:relative;
	padding:160px 0 160px 0;
}

.set-left .fluid{
	border-right:1px solid #e2e2e2;
	text-align:right;
}

.set-right .fluid{
	border-left:1px solid #e2e2e2;
	text-align:left;
}

.set-left .half-col-containt{
	padding:100px 30px 80px 15px;
}

.set-right .half-col-containt{
	padding:80px 15px 80px 30px;
}

/*
Parallax
=========================== */

.parallax-bg{
	background:url(../img/parallax-bg.jpg) 50% 0 no-repeat fixed;
	background-size:cover;
}

.cta {
	background:url(../img/parallax02.jpg) 50% 0 no-repeat fixed;
	background-size:cover;
}

.testimonials-holder  {
	background:url(../img/parallax03.jpg) 50% 0 no-repeat fixed;
	background-size:cover;
}



.parallax{
	background-color:rgba(49, 56, 60, 0.8);
	padding:80px 0 80px 0;
	color:#e8e8e8;
	position:relative;
}
/*
Dot Hover Popup
=========================== */

#wrapper{
    background-color: #007738;
    border: none;
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
    border-bottom-right-radius: 50px;
    visibility: hidden;
}
#content {
  float: right;
  width: 300px;
  background-color: #007738;
  padding-top: 10%;
  padding-left: 10%;
  font-size: 22px;
}
#sidebar {
  float: left;
  width: 200px;
  margin-left: -200px;
  background-color: #fafafa;
  padding: 5%;
    border-top-left-radius: 50px
}
#cleared {
  clear: both;
}
.svg:hover #wrapper{
    visibility: visible;
}
/*
Client logo
=========================== */

#client {
    position: relative;
    display: table;
    width: 100%;
	padding:50px 0;
}

#owl-client{
	padding:0;
	text-align:center;
}

.client-logo{
	display:inline-block;
	position:relative;
	width:170px;
	height:124px;
	padding:0;
	margin:0;
	text-align:center;
	margin-top:15px;
	opacity:0.8;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.client-logo:hover{
	opacity:1;
}

/*
Features
=========================== */
.imac-wrapper{
	position:relative;
	margin:100px 0 200px 0;
}

.imac-slider{
	background:#333;
	position:absolute;
	z-index:99;	
	width:368px;
	height:auto;
	top:49px;
	left:116px;
}

/*
Diamonds
=========================== */
.diamondswrap {
		text-align: center;
		padding: 0 0 120px 0;
}

.diamondswrap .item {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	color:#fff;
	background-color:#333;
	background-position: center center;
	background-size: cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.diamondswrap .item:hover:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.diamondswrap .item .img-responsive{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}

.diamondswrap .item .content{
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	opacity:0.8;
	filter:alpha(opacity=80);
	width: 100%;
	height: 100%;
	padding: 40% 0;
	display:none;
}

.diamondswrap .item .name a{
	margin:2px;
	color:#fff;
	font-size:13px;
}

.diamondswrap .item ul.link{
	display:inline-block;
	padding:0px;
	margin:-10px 0px 0px 0px;
}

.diamondswrap .item ul.link li{
	float:left;
	list-style:none;
}

.diamondswrap .item ul.link li a{
	padding:0px;
	margin:0px 5px;
	color:#fff;
	font-size:16px;
}

/*
Pricing table
=========================== */
.pricing-wrapper{
	display:block;
	width:100%;
	background:#fff;
	border:1px solid #ededed;
	padding:0;
	margin-top:5px;
	margin-bottom:15px;
	-webkit-box-shadow: 0 2px 2px 3px #f8f8f8;
	  -moz-box-shadow: 0 2px 2px 3px #f8f8f8;
	  box-shadow: 0 2px 2px 3px #f8f8f8;
}

.pricing-head{
	text-align:center;
	padding:20px 30px 25px 30px;
	border-top:4px solid;
}

.pricing-head span.pricing-price{
	font-size:84px;
	line-height:84px;
	font-weight:700;
}

.pricing-head sup{
	font-size:30px;
	line-height:30px;
}

.pricing-head h4{
	margin-bottom:0;
}

.pricing-containt{
	padding:0 30px 0 30px;
}

.pricing-containt ul{
	border-top:1px solid #ededed;
	border-bottom:1px solid #ededed;
	margin:0;
	padding:25px 40px 15px 40px;
}

.pricing-containt ul li{
	list-style:none;
	margin:0;
	padding:0 0 15px 35px;
	font-size:16px;
	position:relative;
}

.pricing-containt ul li .fa {
	position: absolute;
	font-size: 11px;
	line-height: 18px;
	width: 23px;
	height: 23px;
	top: 4px;
	left: 0px;
	border: 2px solid;
	border-radius: 50%;
	text-align: center;
}

.pricing-containt ul li .fa.fa-remove{
	color:#e22626;
	border-color:#e22626;
}

.pricing-bottom{
	text-align:center;
	padding:30px 0 30px 0;
}

/*
Subscribe
=========================== */

#subscribe {
	background-color:#222;
	padding:90px 0;
}

#subscribe h5 {
	font-size:40px;
}

#subscribe p {
    opacity: 0.7;
    margin: 15px 32px 32px;
}

.subscribe-form{
	display:block;
	width:100%;
	position:relative;
}

.subscribe-form .subscribe{
	border:1px solid #686f72;
	width:100%;
	height:80px;
	display:block;
	padding:0px 25px;
	background:none;
	color:#7a848a;
	border-radius:2px;
}

.subscribe::-moz-placeholder {
  color: #7b8387;
  opacity: 1;
}
.subscribe:-ms-input-placeholder {
  color: #7b8387;
}
.subscribe::-webkit-input-placeholder {
  color: #7b8387;
}

.btn-subscribe{
	position:absolute;
	border:none;
	width:66px;
	height:66px;
	border-radius:2px;	
	color:#fff;
	text-align:center;
	top:7px;
	right:7px;
	font-size:32px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/*
Contact
=========================== */

#contact .container {
	width:100%;
	padding:0;
}

ul.listForm{
	float:left;
	width:100%;
	padding:0;
	margin:0 0 60px 0;
}

ul.listForm li {
	float:left;
	width:100%;
	padding:0;
	margin:0 0 30px 0;	
	list-style:none;	
}

ul.listForm li.first-list {
	margin-right:2%;
}

ul.listForm li.full-list{
	width:100%;
}

#sendmessage{
	display:none;
}

#sendmessage.show,.show  {
	display:block;
}

.cform {
	padding:100px 100px 30px;
}

/*
Blog
=========================== */
article{
	position:relative;
    display:block;
    border-bottom:1px solid #dedede;
    padding-bottom:30px;
    margin-bottom:45px;
}

.post-thumbnail{
	position:relative;
	display:block;
	text-align:right;
	margin-bottom:30px;
	min-height:90px
}

.article-meta{
	position:absolute;
	float:left;
	text-align:center;
	font-size:14px;
	line-height:18px;
	border-bottom:none;
	color:#333;
	left:0;
	bottom:0;
	background:#fff;
	padding:20px 10px 0 0;
	z-index:10;
}

.meta-author,
.meta-date,
.meta-comments{
	float:left;
	width:110px;
	height:90px;
	background:#f8fafb;
	border:1px solid #e3e8e9;
	padding:20px;
	margin:0 10px 0 0;
}

.article-meta i{
	display:block;
	margin-bottom:5px;
}

.article-meta a{
	color:#333;
}

.article-heading{
	border-bottom:2px solid #333;
	padding-bottom:20px;
}

.article-heading a{
	color:#333;
}

/*
Comments
=========================== */
.comments{
	  margin-bottom:-20px;
}

.comments .media {
	background:#fff;
    position:relative;
    margin:0 0 30px 0;
    padding:30px 30px 10px 30px;
    border:1px solid #dedede;
    border-radius:2px;
}

.comments .media .media{
	margin:0 0 20px 0;
}

.comments .media label{
	color:#333;
}

.media-body{
	margin:0;
	padding:0;
}

.media-heading{
	font-size:18px;
	width:100%;
	margin:0 0 10px 0;
}
.media-heading h6{
	color:#333;
	margin:0;
}

.media-heading h6 a{
	color:#333;
}

.media-avatar{
	float:left;
	text-align:center;
	width:50px;
	margin:0 20px 20px 0;
	padding:0;
}

/*
Aside
=========================== */
aside{
	float:left;
	width:100%;
	border:1px solid #e3e8e9;
	padding:30px 30px 0 30px;
	background:#f8fafb;
	margin:0;
}

aside .widget{
	float:left;
	width:100%;
	display:block;
	margin-bottom:30px;
}

aside .widget h5{
	border-bottom:2px solid #333333;
	padding-bottom:10px;
}

ul.cat,
ul.popular-post,
.widget__sidebar ul {
	margin:0;
	padding:0;
}

ul.cat li,
ul.popular-post li,
.widget__sidebar ul li{
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:1px dashed #c9cfd1;
}

ul.cat li a,
.widget__sidebar ul li a{
	display:block;
	color:#444444;
	padding:5px 0 5px 0;
}

ul.popular-post,
ul.popular-post li{
	float:left;
	width:100%;
	padding:5px 0 5px 0;
}

ul.popular-post li{
	padding:10px 0 10px 0;
	margin-bottom:5px;
}

ul.popular-post li p{
	margin-bottom:0;
}

ul.popular-post li .thumb{
	float:left;
	margin:0 15px 10px 0;
}

ul.popular-post li a .thumb{
	border:3px solid transparent;
}

ul.popular-post li .product-title{
	margin-bottom:5px;
}

.product-title a{
	color:#444444;	
}

del,
span.price{
	margin-right:5px;
	font-size:16px;
}

.tagcloud{
	float:left;
	width:100%;
	margin-top:15px;
}

.tagcloud{
	border:none;
	float:left;
	width:auto;
}

.tagcloud a{
	background:#f1f4f6;
	display:inline-block;
	color:#444444;
	border:1px solid #c9cfd1;
	padding:5px 10px 5px 10px;
	border-radius:3px;
	margin:0 10px 10px 0;
}

.tagcloud a:before{
    content: "\f02c";
    padding-right: 5px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    
    
}
.tagcloud a:hover{
	text-decoration:none;
	color:#fff;
}

.widget fieldset.search-wrapper{
	position:relative;
	padding:1px;
	margin:0;
	border:1px solid #e7e7e7;
	background-color:#fff;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.widget input.search{
  background: none;
  border: none;
  margin:0;
  font-size:12px;
  padding:5px 10px 5px 10px;
}

.widget fieldset.search-wrapper button{
	position:absolute;
	right:1px;
	top:1px;
	border:none;
	padding:5px 15px 5px 15px;
	border-radius:0 3px 3px 0;
}

/*
Google Maps
=========================== */

#map {
	display: block;
	width: 100%;
	height:900px;
	margin: 0 auto;
}

#map.large {
	height:900px;
}

#map img {
	max-width: none !important;
	height: auto;
}


/*
Footer
=========================== */
footer{
	display: block;
	width: 100%;
	background: #007639;
	color: #e8e8e8d7;
	padding: 80px 0px 0px;
	font-size: 13px;
	line-height: 25px;
}

footer .widget{
	margin-bottom:30px;
}

.subfooter{
	display:block;
	width:100%;
	background:#055b2e;
	color:#007639;
	padding:20px 0 15px 0;
	margin-top:40px;
	text-align:center;
}

.subfooter p{
	margin-bottom:0;
}

.widget__footer ul{
	padding-left:18px;
	margin:0px;
}

.widget__footer ul li{
	list-style:url(../img/dotted.png);
}

.widget__footer ul li a{
	color:#e8e8e8d7;
}

.widget__footer ul.popular-post{
	margin:0;
	padding:0;
}

.widget__footer ul.popular-post li{
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
	border-bottom:1px solid #50575b;
}

.widget__footer ul.popular-post li h6 a{
	color:#e8e8e8d7;
}

.widget__footer ul.popular-post li img{
	margin-top:8px;
}

/*
Social Link
=========================== */
ul.social-link{
	padding:0px;
	margin:0px;
	display:inline-block;	
}

ul.social-link li{
	display:block;
	list-style:none;
	float:left;
}

ul.social-link li:first-child a{
	margin-left:0px;
}

ul.social-link li a{
	margin:5px;
	background:rgba(255, 255, 255, 0.801);
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	width:55px;
	height:55px;
	text-align:center;
	padding-top:13px;
	padding-left:2px;
	font-size:25px;
	color:#007639;
	display:block;
}

ul.social-link li a:hover{
	color:#fff;
}

/*
Twitter Feed
=========================== */
ul.twitter-feed{
	padding:0px;
	margin:0px;
	display:inline-block;
}

ul.twitter-feed li{
	background:url(../img/tweet.png) no-repeat 0 20px;
	list-style:none;
	border-bottom:solid 1px #50575b;
	position:relative;
	padding:10px 0px 20px 38px;
	margin-top:-10px;
	margin-bottom:20px;
	font-size:12px;
}

ul.twitter-feed li:last-child{
	border-bottom:none;
}

ul.twitter-feed li img{
	position:absolute;
	left:0px;
	top:10px;
	margin:5px 5px 5px 0px;
}

/*
Heading
=========================== */
.heading{
	position:relative;
	color:#333333;
	font-size:30px;
	line-height:42px;
	font-weight:700;
	padding-bottom:20px;
	margin-bottom:30px;
	margin-top:-10px;
}

.heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6{
	font-weight:400;
	margin-bottom:0;
}

.heading p{
	margin-bottom:0;
}

.heading span{
	position:absolute;
	width:60px;
	height:5px;
	display:block;
	bottom:0;
	left:0;
}

.heading.centered{
	text-align:center;
}

.heading.centered span{
	left:50%;
	margin-left:-30px;
}

.parallax .heading{
	color:#fff;
}

/*
Loading
=========================== */
div.loading-invisible{
    display:none;
}

div.loading-visible{
	background:#31383c;
    position:fixed;
	z-index:9999999;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    padding-top:20%;
	font-size:24px;
	line-height:36px;
	color:#fff;
	font-weight:300;
}

div.loading-visible i{
	display:inline-block;
	margin-bottom:20px;
}

div.loading-visible .loader{
	margin-bottom:20px;
}

/*
Ui to top
=========================== */
#toTop{
	display:none;
	text-decoration:none;
	z-index:9999;
	position:fixed;
	bottom:20px;
	right:20px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	border-radius:2px;
	text-indent:-999px;
	background-image:url(../img/ui.totop.png);
	background-repeat:no-repeat;
	background-position: top left;
	background-color:rgba(0, 0, 0, 0.4);
}

#toTopHover{
	background-image:url(../img/ui.totop.png);
	background-repeat:no-repeat;
	background-position: left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus{
	outline:none;
}

/*
icon setting
=========================== */
.icon-left{
	float:left;
	margin:5px 20px 40px 0;
}

.icon-right{
	float:left;
	margin:5px 0 40px 20px;
}

.workit-box .icon-left,
.workit-box .icon-right{
	margin-bottom:80px;
}

.icon-2x {
  font-size: 2.2em;
}
.icon-3x {
  font-size: 3.2em;
}
.icon-4x {
  font-size: 4.2em;
}
.icon-5x {
  font-size: 5.2em;
}

/*
Divider
=========================== */
.divider{
	float:left;
	width:100%;
	height:1px;
	background:#dedede;
	margin:40px 0 40px 0;
}

/*
Clear spacer
=========================== */
.margin-clear{
	margin:0;
}

.padding-clear{
	padding:0;
}

.margintop-clear{
	margin-top:0;
}

.paddingtop-clear{
	padding-top:0;
}

.marginbot-clear{
	margin-bottom:0;
}

.paddingbot-clear{
	padding-bottom:0;
}

.marginleft-clear{
	margin-left:0;
}

.paddingleft-clear{
	padding-left:0;
}

.marginright-clear{
	margin-right:0;
}

.paddingright-clear{
	padding-right:0;
}

/*
Custom min top spacer
=========================== */
.margintop-min5{
	margin-top:-5px;
}

.margintop-min10{
	margin-top:-10px;
}

.margintop-min15{
	margin-top:-15px;
}

.margintop-min20{
	margin-top:-20px;
}

/*
Custom top spacer
=========================== */
.margintop5{
	margin-top:5px;
}

.margintop10{
	margin-top:10px;
}

.margintop15{
	margin-top:15px;
}

.margintop20{
	margin-top:20px;
}

.margintop25{
	margin-top:25px;
}

.margintop30{
	margin-top:30px;
}

.margintop35{
	margin-top:35px;
}

.margintop40{
	margin-top:40px;
}

.margintop45{
	margin-top:45px;
}

.margintop50{
	margin-top:50px;
}

.margintop55{
	margin-top:55px;
}

.margintop60{
	margin-top:60px;
}

.margintop80{
	margin-top:80px;
}

/*
Custom bottom spacer
=========================== */
.marginbot5{
	margin-bottom:5px;
}

.marginbot10{
	margin-bottom:10px;
}

.marginbot15{
	margin-bottom:15px;
}

.marginbot20{
	margin-bottom:20px;
}

.marginbot25{
	margin-bottom:25px;
}

.marginbot30{
	margin-bottom:30px;
}

.marginbot35{
	margin-bottom:35px;
}

.marginbot40{
	margin-bottom:40px;
}

.marginbot45{
	margin-bottom:45px;
}

.marginbot50{
	margin-bottom:50px;
}

.marginbot55{
	margin-bottom:55px;
}

.marginbot60{
	margin-bottom:60px;
}

.marginbot80{
	margin-bottom:80px;
}

/*
Custom left spacer
=========================== */
.marginleft5{
	margin-left:1px;
}

.marginleft10{
	margin-left:10px;
}

.marginleft15{
	margin-left:15px;
}

.marginleft20{
	margin-left:20px;
}

/*
Custom right spacer
=========================== */
.marginright5{
	margin-right:1px;
}

.marginright10{
	margin-right:10px;
}

.marginright15{
	margin-right:15px;
}

.marginright20{
	margin-right:20px;
}

.diamondswrap + p {
	padding: 0px 10px;
}

label {
	font-weight:400;
}

.footer-link {
	padding-left: 0px;
}

ul, li {
	list-style:none;
	padding:0;
}

.recent {
	margin-top: 19px;
	display: table;
}

.recent li {
	margin-bottom: 25px;
}

.recent h6 {
	position: relative;
	top: -7px;
	margin-bottom: 0;
}

/*
Custom responsive
=========================== */
@media (min-width: 1200px){
	.fluid{
		padding:80px 0 80px 0;
	}
	.set-left .half-col-containt{
		padding:100px 30px 80px 0;
	}
	.set-right .half-col-containt{
		padding:100px 0 80px 30px;
	}
	.imac-wrapper{
		margin:140px 0 140px 0;
	}
	.imac-slider{
		width:444px;
		height:auto;
		top:60px;
		left:140px;
	}
	.home-container{
		margin-top:100px;
	}
	.diamondswrap {
		text-align: center;
		padding: 0px 50px 110px 50px;
	}
}

@media (min-width: 1300px) and (max-width: 1600px) {
	.fluid{
		margin-left: -80px;
	}
}

@media (min-width: 1050px) and (max-width: 1200px) {
	.fluid{
		margin-left: -50px;
	}
}

@media (min-width: 768px) and (max-width: 990px) {
	.navbar-default .navbar-nav > li > a{
		padding:8px 5px 8px 5px;
	}
	.navbar-default .navbar-nav > li > a.login{
		padding:8px 10px 8px 10px;
	}
	.home-slider{
		width:100%;
		margin-bottom:100px;
		margin-top:0;
	}
	.register-form{
		width:100%;
	}
	.home-container{
		margin-top:40px;
	}
	#flexprimary .flex-control-nav{
		text-align:center;
	}
	.fluid{
		position:relative;
		display:block;
		width:100%;
		padding:80px 0 80px 0;
		clear:both;
	}
	.set-left .fluid,
	.set-right .fluid{
		border:none;
	}
	.half-column{
		margin-left:-10px;
		margin-right:-10px;
		padding:0;
	}
	.imac-wrapper{
		position:relative;
		margin:0;
	}
	.imac-slider{
		width:469px;
		height:auto;
		top:62px;
		left:100%;
		margin-left:-469px;
	}
	.workit-box{
		clear:both;
	}
	.diamondswrap {
		text-align: center;
		padding: 0 0 120px 0;
	}
	.map{
		height:450px!important;
	}
}
@media (max-width: 767px) {	
	.navbar-default{
		background:#007639!important;
		padding-top:20px;
		padding-bottom:20px;
	}
	.navbar-default:hover{
		background:#007639!important;
	}
	.navbar-brand{
		padding:5px 15px 5px 15px;
	}
	.navbar-brand .scroller-logo{
		top:5px;
		left:15px;
		display:inline-block;
	}
	.navbar-brand .default-logo{
		display:none;
	}
	.navbar-default .navbar-nav > li > a{	
		color:#333;
	}
	.navbar-default .navbar-nav > li > a.login{
		border:1px solid #333;
	}
	.home-slider{
		width:100%;
		margin-bottom:100px;
		margin-top:0;
	}
	.register-form{
		width:100%;
	}
	.form-line li{
		width:100%;
		padding:0;
		margin-bottom:10px;
	}
	#flexprimary .flex-control-nav{
		text-align:center;
	}
	.home-container{
		margin-top:40px;
	}
	.fluid{
		position:relative;
		display:block;
		width:100%;
		padding:80px 0 80px 0;
		clear:both;
	}
	.imac-wrapper{
		position:relative;
		margin:0;
	}
	.imac-wrapper img.img-responsive{
		display:block;
		width:100%;
	}
	.imac-slider{
		width:76%;
		height:auto;
		top:10%;
		left:24%;
	}
	.workit-box{
		clear:both;
	}
	.author-testimoni{
		width:100%;
		text-align:center;
	}
	.author-testimoni .item{
		display:inline-block;
		width:79px;
		height:79px;
	}
	.diamondswrap {
		text-align: center;
		padding: 0 0 40px 0;
	}
	.map{
		height:450px!important;
	}
	.owl-theme .owl-controls .owl-page{
		margin: 10px 7px 0 7px;
	}
	.article-meta{
		font-size:11px;
		line-height:18px;
	}
	.article-meta .fa.fa-2x{
		font-size:18px;
		line-height:18px;
	}
	.meta-author,
	.meta-date,
	.meta-comments{
		width:80px;
		height:60px;
		padding:10px;
	}
	.subfooter{
		padding:20px;
	}
}

/*
Demo
=========================== */
.demo-panel{
	background:#ebf0f2;
	color:#fff;
	width:380px;
	display:none;
	height:auto;
	left:0;
	padding:0; 
	top:30px;
	position:fixed;
	_position:absolute;
	z-index:99999;
	border-left:none;
}
	
.demo-panel h6{
	text-align:center;
	margin-bottom:10px;
	padding:8px 0 10px 0;
	text-transform:uppercase;
	color:#fff;
	background:#484e51;
}

a.openpanel{ 
	_background-image:none; 
	background:#484e51; 
	padding:5px 8px 4px 8px;
	border-left:none;
	color:#fff;
	display:block;
	left:0;
	text-align:center;
	font-size:24px;
	top:30px;
	z-index:99999; 
	position:fixed;
	_position:absolute; 
	border-left:none;
}

a.openpanel{
	text-decoration:none;
}
		
a.active.openpanel{ 
	border-left:none;
	_position:absolute; 
	left:380px;
}

a.openpanel:hover,
a.openpanel:focus,
a.openpanel:active{
	outline:none;
}

.stylechanger, .layout, .bgchanger{ 
	width:100%;
	float:left;
	list-style:none; 
	list-style-type:none; 
	list-style-position:outside; 
	margin:0;
}

.stylechanger{
	margin:10px;
	padding:0;
}

.stylechanger li, .bgchanger li{
	list-style:none; 
	float:left;
	width:80px;
	height:auto;
	margin:0 5px 10px 5px;
	background:#fd0000;
}

.stylechanger li a, .bgchanger li a{ 
	display:block; 
	width:100%; 
	height:30px;
	outline:none;
}	

.layout{
	margin:10px;
	padding:0;
}

.layout li{
	list-style:none; 
	float:left;
	width:110px;
	height:auto;
	margin:0 5px 10px 5px;
	text-align:center;
}

.btn-demo{
	display:block;
	text-align:center;
	font-weight:400;
	font-size:12px;
	padding:8px 15px;
}

.layout li.full{
	width:92%;
}

#color1 { background: #20c3c4; }
#color2 { background: #41a5d4; }
#color3 { background: #20c471; }
#color4 { background: #ddc22d; }
#color5 { background: #dc8d1c; }
#color6 { background: #c44747; }
#color7 { background: #ca6fa4; }
#color8 { background: #975fb0; }

#demo-wrapper{
	padding:0 0 80px 0;
}

.demo-header{
	background:#31383c;
	color:#fff;
	padding:80px 0 80px 0;
	margin-bottom:80px;
}

.demo-header h2{
	color:#fff;
}

.demo-thumbnail{
	position:relative;
	width:100%;
	display:block;
	text-align:center;
	padding:10px;
	cursor:pointer;
	margin-bottom:20px;
}

.demo-thumbnail:hover{
	border:1px solid #d3d3d3;
	-webkit-box-shadow:0 2px 5px rgba(211,211,211,0.53);
	-moz-box-shadow:0 2px 5px rgba(211,211,211,0.53);
	box-shadow:0 2px 5px rgba(211,211,211,0.53);
}

.img-demo{
	display:block;
	width:100%;
	height:auto;
	border:1px solid #d3d3d3;
	padding:5px;
	margin-bottom:20px;
}

.demo-thumbnail h4{
	margin-bottom:5px;
}

.demo-thumbnail h4 a{
	color:#333;
}

.demo-thumbnail h4 a:hover{
	color:#f6720e;
}

input,textarea,select {
	outline: 0;
}

.widget__sidebar ul li a {
	float: left;
}

.widget__sidebar ul li span {
	float: right;
}

ul.cat li, ul.popular-post li, .widget__sidebar ul li {
	list-style: outside none none;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dashed #C9CFD1;
	display: table;
	width: 100%;
}

.widget_categories label,
.widget_archive label {
	display: none !important;
}

table {
	margin-bottom: 20px;
}

td, th {
	padding: 0px;
	border: 1px solid #ccc;
	padding: 5px 15px;
}

.widget_archive select {
	width: 100%;
	padding: 10px;
}

#wp-calendar td, #wp-calendar th {
	padding: 0px;
	border: 1px solid #ccc;
	padding: 1px 11px;
	font-size: 12px;
}

#wp-calendar tfoot td {
	border: none;
}

#wp-calendar tfoot tr {
	padding: 0px;
	border: 1px solid #ccc;
	padding: 1px 11px;
	font-size: 12px;
}

.cat-item span ul {
	display: none;
}

.widget select {
	padding: 10px;
	width: 100%;
}

.recentcomments a, 
.recentcomments span {
	float: none !important;
	display: inline-block;
}

.recentcomments a {
	display: inline;
	color: #999;
}

.widget_rss li a,
.widget_rss li span {
	float: none !important;
}

.textwidget img {
	max-width: 100%;
	height: auto;
}

article img {
	max-width: 100%;
	height: auto;
}

.wp-caption {
	max-width: 100%;
}

.post-sticky {
	border: 1px solid #000;
	padding: 40px;
}

.post-sticky .article-meta {
	display: none;
}

.post-sticky .post-thumbnail {
	display: none;
}

.post-sticky .article-heading {
	border-bottom: none;
	padding-bottom: 0px;
	font-size: 35px;
}

.post-sticky {
    border: 1px solid #e5e5e5 !important;
    border-bottom: 3px solid #e5e5e5 !important;
}

.page .navbar-default {
    background: #FFF none repeat scroll 0% 0%;
    padding-top: 20px;
    padding-bottom: 20px;
    opacity: 0.96;
    transition: all 0.3s ease-in-out 0s;
    box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0.5);
}

.page .navbar-default .navbar-nav > li > a {
    color: #333;
}

.page .navbar-default .navbar-nav > li > a:hover,
.page .navbar-default .navbar-nav > li > a:focus,
.page .navbar-default .navbar-nav > li > a:active{
 color:#20C3C4;
 border-top:2px solid #20C3C4;
}

.default-bg, #contact {
 overflow:hidden;
}

body {
    overflow-x: hidden;
}

.testimonials-holder {
	padding:100px 0;
	position:relative;
}

.overlay {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

.testimonials-holder .overlay {
    opacity: 0.5;
}

#sugan-testimonials .owl-item.active .sugan-testimonial-content {
	opacity:1
}

#sugan-testimonials .sugan-testimonial-content {
	display:inline-block;
	width:32.4%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	margin:0 .7%;
	opacity:0;
	-webkit-transition:opacity .3s ease-in;
	transition:opacity .3s ease-in
}
#sugan-testimonials .sugan-testimonial-content:last-child {
	margin-right:0
}
#sugan-testimonials .sugan-testimonial-text-holder {
	position:relative;
	display:block
}
#sugan-testimonials .sugan-testimonial-text-holder .sugan-testimonial-text-inner {
	display:block;
	text-align:left;
	padding:23px 35px 40px;
	background-color:rgba(255,255,255,.35);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px
}
#sugan-testimonials .sugan-testimonial-text-holder .sugan-testimonial-text-inner:after {
	content:"";
	width:0;
	height:0;
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	border-top:12px solid rgba(255,255,255,.35);
	position:absolute;
	top:100%;
	left:44px
}
#sugan-testimonials .sugan-testimonial-text {
	font-size:14px;
	line-height:1.71em;
	font-weight:500;
	color:#fff
}
#sugan-testimonials .sugan-testimonial-title {
	font-size:19px;
	line-height:1.6em;
	font-weight:600;
	color:#fff;
	margin-bottom:10px
}
#sugan-testimonials .sugan-testimonial-info-holder {
	display:table;
	table-layout:fixed;
	width:100%;
	margin:40px 0 0 35px
}
#sugan-testimonials .sugan-testimonial-author,#sugan-testimonials .sugan-testimonial-image-holder {
	display:table-cell;
	height:100%;
	vertical-align:middle
}
#sugan-testimonials .sugan-testimonial-image-holder {
	text-align:center;
	line-height:0;
	width:56px
}
#sugan-testimonials .sugan-testimonial-image-holder img {
	max-width:56px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%
    margin-top: -11px;
}

#sugan-testimonials .sugan-testimonial-author-text {
	font-size:16px;
	line-height:19px;
	font-weight:700;
	margin-left:20px;
	color:#fff
}
#sugan-testimonials .sugan-testimonial-author-text span {
	display:block
}
#sugan-testimonials .sugan-testimonial-author-text .sugan-testimonials-job {
	font-weight:500
}
.sugan-testimonials.filled .sugan-testimonial-text-holder .sugan-testimonial-text-inner {
	background-color:#b2dd4c
}
.sugan-testimonials.filled .sugan-testimonial-text-holder .sugan-testimonial-text-inner:after {
	border-top:12px solid #b2dd4c
}
.sugan-testimonials.filled .sugan-testimonial-author-text {
	color:#797979
}
.sugan-testimonials.filled~.owl-buttons .sugan-next-icon,.sugan-testimonials.filled~.owl-buttons .sugan-next-icon:hover,.sugan-testimonials.filled~.owl-buttons .sugan-prev-icon,.sugan-testimonials.filled~.owl-buttons .sugan-prev-icon:hover {
	background-color:rgba(33,33,33,.35)
}
.sugan-testimonials-holder .owl-buttons {
	width:100%
}

.sugan-testimonials-holder .owl-pagination {
	text-align:center
}
.sugan-testimonials-holder .owl-pagination .owl-page {
	display:inline-block
}
.sugan-testimonials-holder .owl-pagination .owl-page span {
	display:inline-block;
	width:12px;
	height:12px;
	margin:3px;
	filter:Alpha(Opacity=50);
	opacity:.5;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background:#74797b
}

.sugan-testimonial-content.owl-fade-in {
opacity:1; 
    position: relative;
    left: 0px;
	transition:1s;
    -webkit-animation: fade .3s forwards;
    animation: fade .3s forwards;
}

@-webkit-keyframes fade {
    0% { left: 0px;opacity:0; }
    50% { left: 0px;opacity:0.5;visibility:visible;  }
    100% { left: 0px;opacity:1;visibility:visible; }
}

@keyframes fade {
    0% { left: 0px;opacity:0; }
    50% { left: 0px;opacity:0.5;visibility:visible;  }
    100% { left: 0px;opacity:1;visibility:visible; }
}

.sugan-testimonial-content.owl-fade-out {
opacity:0; 
    position: relative;
    left: 0px;
	transition:1s;
    -webkit-animation: fade-out .3s forwards;
    animation: fade-out .3s forwards;
}

@-webkit-keyframes fade-out {
    0% { left: 0px;opacity:1; }
    50% { left: 0px;opacity:0.5;visibility:visible;  }
    100% { left: 0px;opacity:0;visibility:visible; }
}

@keyframes fade-out {
    0% { left: 0px;opacity:1; }
    50% { left: 0px;opacity:0.5;visibility:visible;  }
    100% { left: 0px;opacity:0;visibility:visible; }
}


#sugan-testimonials .sugan-testimonial-content:nth-child(1) {
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
}
#sugan-testimonials .sugan-testimonial-content:nth-child(2) {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}
#sugan-testimonials .sugan-testimonial-content:nth-child(3) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}
#sugan-testimonials .sugan-testimonial-content:first-child {
	margin-left:0
}

.services {
	
}

.services .container {
	width:100%;
	padding:0;
}

.services .container .col-md-4 {
	padding:0;
}

.icon-holder-item-content {
	padding: 80px 120px 80px 80px;
	position:relative;
	overflow:hidden;
}
}
.icon-holder-item-content i {
    position: absolute;
    top: -30%;
    right: -30%;
    font-size: 400px;
	opacity:0.07;
}

.icon-holder-item-content h3 {
    font-size: 25px;
    text-transform: none;
    font-weight: 700;
    margin: 0 0 10px;
}

.icon-holder-item-content p {
    font-size: 15px;
    line-height: 26px;
	margin-bottom:50px;
}

.icon-holder-item-content .btn {
    border: 2px solid #fff;
    color: #fff;
    font-size: 14px;
}

.icon-holder-item-content .btn.btn-dark {
    border: 2px solid #333;
    color: #333;
    font-size: 14px;
}

.icon-holder-item-content .btn:hover {
	border-color:#333;
	background:#333;
	color:#fff;
}

.team-wrap img {
	width:100%;
}

.team-wrap .content h6 {
    margin: 25px 0 10px;
    font-size: 17px;
    font-weight: 800;
}

.team-wrap .content h6 a {
	color:#222;
}

.team-wrap .content p {
    margin: 0 0 15px;
    font-size: 14px;
	line-height:24px;
}

.team-wrap .content ul.link {
	display:table;
	margin-bottom:40px;
}

.team-wrap .content ul.link li {
	float:left;
	margin-right:15px;
	font-size:18px;
}


/*!---------- VIDEO ----------*/
video {
  max-width: 100%;
}
.local-video-container {
  position: relative;
}
.local-video-container video {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.local-video-container .background-image-holder {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  top: 0;
  box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.26);
}
.background-image-holder.fadeout {
  opacity: 0 !important;
  z-index: 0;
}
.background-image-holder.parallax {
  height: 150%;
  top: -30%;
  transition: all 0s ease !important;
}
@media all and (max-width: 767px) {
  video {
    max-width: 100% !important;
  }
}
.play-button {
  width: 80px;
  height: 80px;
  background: #fff;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
  z-index: 4;
  border-radius: 50%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  cursor: pointer;
}
.play-button:before {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 50%;
  margin-left: -8px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 26.0px;
  border-color: transparent transparent transparent #222222;
}
.play-button:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
@media all and (max-width: 767px) {
  .play-button {
    width: 65px;
    height: 65px;
    margin-top: -32px;
  }
  .play-button:before {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    margin-left: -8px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 20.0px;
    border-color: transparent transparent transparent #222222;
  }
}
.play-button.video-playing {
  transform: scale(0.5) translateY(300px);
  -webkit-transform: scale(0.5) translateY(300px);
  opacity: 0.7;
  display: none;
}
.play-button.video-playing:before,
.play-button.large.video-playing:before {
  border: none;
  width: 6px;
  height: 30px;
  background: #222;
  margin-top: -15px;
  margin-left: -10px;
}
.play-button.video-playing:after {
  content: '';
  width: 6px;
  height: 30px;
  position: absolute;
  background: #222;
  top: 50%;
  margin-top: -15px;
  margin-left: 2px;
}
.play-button.video-playing:hover {
  opacity: 1;
}
.play-button.large {
  height: 120px;
  width: 120px;
  margin-top: -60px;
  margin-left: -60px;
}
.play-button.large:before {
  margin-top: -18px;
  margin-left: -10px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 31.0px;
  border-color: transparent transparent transparent #222222;
}
@media all and (max-width: 767px) {
  .play-button.large {
    width: 90px;
    height: 90px;
    margin-top: -45px;
  }
  .play-button.large:before {
    margin-top: -14px;
    margin-left: -8px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 25.0px;
    border-color: transparent transparent transparent #222222;
  }
}

.background-image-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #222;
  background-size: cover !important;
  background-position: 50% 50% !important;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0;
}
.background-image-holder img {
  display: none;
}
.background-image-holder.fadeIn {
  opacity: 1;
}

.features {
	padding:0px 0;
}

.v-align-children {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.features h4 {
    text-transform: none;
    font-size: 40px;
    font-weight: 300;
    line-height: 45px;
}

/*!---------- PRICING ----------*/

.pricing-table .pricing-option {
	border-radius:0;
  border: 1px solid #e5e5e5;
	border-right:none;
}

.pricing-table:last-child .pricing-option {
  border-right: 1px solid #e5e5e5;
}

.pricing-table p {
	color:#999;
}

.pricing-table i {
	font-size:40px;
	color:#000;
	opacity:0.1;
	margin-bottom:20px;
}


.pricing-table .pricing-option h6 {
  font-weight: 300;
  letter-spacing: 2px;
  margin-right: -2px;
  margin-bottom: 20px;
}
.pricing-table .dollar,
.pricing-table .price,
.pricing-table .terms {
  color: #6dc77a;
}
.pricing-table .dollar,
.pricing-table .terms {
  font-size: 22px;
}
.pricing-table .dollar {
  position: relative;
  bottom: 67px;
}
.pricing-table .price {
  font-size: 120px;
  font-weight: 700;
  line-height: 120px;
}
.pricing-table .price-container {
  margin-bottom: 26.66666667px;
}
.pricing-table h5 {
  margin-bottom: 20px;
}
.pricing-table ul {
  line-height: 32px;
}
.pricing-table .pricing-option {
  padding: 40px 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  margin-bottom: 40px;
}
.pricing-1.bg-dark .pricing-option {
  border: 1px solid #444;
}
.pricing-table a:nth-of-type(1) .pricing-option {
  border-right: none;
  border-radius: 3px 0px 0px 3px;
}
.pricing-table a:nth-of-type(3) .pricing-option {
  border-left: none;
  border-radius: 0px 3px 3px 0px;
}
.pricing-table a:nth-of-type(2) .pricing-option {
  border-radius: 0px;
}
.pricing-table .pricing-option:hover,
.pricing-table .pricing-option.active {
  background: #6dc77a;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  z-index: 10;
  border: 1px solid #6dc77a !important;
  border-radius: 3px !important;
}

.pricing-table .pricing-option:hover p ,
.pricing-table .pricing-option:hover .price,
.pricing-table .pricing-option.active .price,
.pricing-table .pricing-option:hover .dollar,
.pricing-table .pricing-option.active .dollar,
.pricing-table .pricing-option:hover .terms,
.pricing-table .pricing-option.active .terms,
.pricing-table .pricing-option:hover h6,
.pricing-table .pricing-option.active h6,
.pricing-table .pricing-option:hover h5,
.pricing-table .pricing-option.active h5,
.pricing-table .pricing-option:hover ul,
.pricing-table .pricing-option.active ul {
  color: #fff;
}

.pricing-table .pricing-option:hover i {
  color: #fff;
	opacity:0.2;
}

@media all and (max-width: 767px) {
  .pricing-option {
    margin: 0 15px;
    border-radius: 3px !important;
    border: 1px solid #b4c5d6 !important;
  }
}
@media all and (max-width: 990px) {
  .pricing-option:hover,
  .pricing-option.active {
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
  }
}

.cta h2 {
    margin: 0;
    font-size: 45px;
    font-weight: 400;
}

.cta h5 {
    text-transform: none;
    font-weight: 400;
    font-size: 22px;
    margin: 11px 0 30px;
}

@media (min-width: 768px) {
	.dropdown:hover .dropdown-menu {
		display: block;
	}
}
/*
Project
=========================== */
.project-grid{
    background-clip: #4d4d4d;
    text-align: center !important;
    color: #fff !important;
}

h3.projects{
    color: #fff;
} 


/*
Masonry Images
=========================== */

* { box-sizing: border-box; }

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-sizer,
.grid-item {
  width: 33.333%;
}
@media (max-width: 575px) {
  .grid-sizer,
  .grid-item {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .grid-sizer,
  .grid-item {
    width: 50%;
  }
}

/* To change the amount of columns on larger devices, uncomment the code below */

/* @media (min-width: 768px) and (max-width: 991px) {
  .grid-sizer,
  .grid-item {
    width: 33.333%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .grid-sizer,
  .grid-item {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .grid-sizer,
  .grid-item {
    width: 20%;
  }
} */

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}

#top-head{
    padding-top: 4%;
}

@media only screen and (max-width: 360px) {
    #top-head{
        padding-top: 40%;
    }
}

@media screen and (max-width: 768px){
    #top-head{
        padding-top: 18%;
    }
}

/* Pulsing MAP */
@import "color-schemer";
 @import "breakpoint";
 @import "susy";
 @import "modularscale@3.*";
 @import "neat@2.*";
 @import "bourbon@5.*";
 @import "color-schemer";
/* Original pulsing dots by sharla */
 @keyframes pulse {
	 0% {
		 box-shadow: 0px 0px 0px 0px rgba(255, 255, 255);
	}
	 100% {
		 box-shadow: 0px 0px 0px 7px rgba(52, 106, 180, 0.0);
	}
}
.worldmap{
  background-color: #007639;
}
 .map-img {
	 width: 100%;
	 max-width: 100%;
}
 #map {
	 background-color: #6DC77A;
	 position: relative;
	 max-width: 1280px;
	 margin: 0 auto;
}
 .dot {
	 width: 9px;
	 height: 9px;
	 border-radius: 50%;
	 animation: pulse 1.5s infinite ease-out;
	 background: #6DC77A;
	 position: absolute;
	 z-index: 1;
	 top: 50%;
	 left: 50%;
}
 .dot:before {
	 content: '';
	 position: absolute;
	 width: 3px;
	 height: 3px;
	 border-radius: 50%;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 margin: auto;
	 background: rgba(255, 255, 255, 0.4);
}
 .dot:nth-child(odd) {
	 animation: pulse 1.5s infinite ease-out 0.3s;
}
 .dot-1 {
	 top: 37%;
	 left: 60.5%;
}
 .dot-2 {
	 top: 80%;
	 left: 61%;
}
 .dot-3 {
	 top: 89%;
	 left: 55%;
}
 .dot-4 {
	 top: 91%;
	 left: 29%;
}
 .dot-5 {
	 top: 92%;
	 left: 44%;
}
 .dot-6 {
	 top: 69%;
	 left: 66%;
}
.dot-7 {
	 top: 55%;
	 left: 54%;
}
 
 @media (min-width: 768px) {
	 .dot {
		 width: 16px;
		 height: 16px;
	}
	 .dot:before {
		 width: 4px;
		 height: 4px;
	}
	 @keyframes pulse {
		 0% {
			 box-shadow: 0px 0px 0px 0px rgb(255, 255, 255);
		}
		 100% {
			 box-shadow: 0px 0px 0px 10px rgba(52, 106, 180, 0.0);
		}
	}
}

/* Slider */
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}