@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800,900,700,600);
	
	/*-- General --*/
body{
	font-family: 'Montserrat', sans-serif;
  color: #808080;
  font-weight: 400;
  font-size: 14px;
  line-height:1.7em;
  word-spacing: 2px;
  -webkit-font-smoothing: antialiased;
  background:#edefed;
  height:100%;
  overflow-x:hidden;
  
	}
html,body{
	height:100%;
}


/* Preloader */
#preloader { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.96); position: fixed; top:0; left:0; right:0; bottom:0; z-index:99999999; }

#status { background:none repeat scroll 0 0 #FFFFFF;     border: 6px solid #ef4c2b; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); height: 260px; left: 50%; margin: -130px 0 0 -130px; position: absolute; text-align: center; top: 40%; width: 260px; }

#status > img { margin-top: 80px; width:60%; }

.spinner { margin-top: 30px; text-align: center; width: 100%; }

.spinner > div { width: 18px; height: 18px; background-color: #ef4c2b; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }

.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
 @-webkit-keyframes 
bouncedelay { 0%, 80%, 100% {
-webkit-transform: scale(0.0)
}
 40% {
-webkit-transform: scale(1.0)
}
}
 @keyframes 
bouncedelay { 0%, 80%, 100% {
 transform: scale(0.0);
 -webkit-transform: scale(0.0);
}
40% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
}


a:active,
a:hover,
a:focus {
	outline: 0!important;
	text-decoration: none;
	color: #353943;
	}
button:focus{
	outline: 0;
	}
.clear{
	clear: both;
	}

	/*-- hello --*/
	

section.hello{
	background-color: #ef4c2b;
	padding-top: 60px;
	padding-bottom: 100px;
	position: relative;
	}
.bg-green{
	background-color: #1abc9c!important;
	}
.bg-blue{
	background-color: #3c9ad9!important;
	}
.front-text{
	
	font-size: 18px;
	color: #ffffff;
	padding-top: 50px;
	margin-top: 15px;
	}
.front-text span{
	
	}
.front-title{
	
	font-size: 80px;
	line-height: 80px;
	color: #ffffff;
	margin-bottom: 0px;
	}
.front-title span{
	color: #ffcc00;
	}
.greendeep-color{
	color: #096f5b!important;
	}
.blackdeep-color{
	color: #3e3e3e!important;
	}
.green-color{
	color: #1abc9c!important;
	}
.blue-color{
	color: #3c9ad9!important;
	}
.square-dot{
	width: 10px;
	height: 10px;
	}
.front-image{
	float: right;
	}
.go-button{
	position: absolute;
	bottom: 18%;
	left: 50%;
	}
.go-button a{
	
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	display: block;
	-webkit-text-stroke-width: 0.1px;
	-webkit-font-smoothing: subpixel-antialiased;
	}
.go-button a span i{
	font-size: 18px;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
	}

.section-title.st-center {
    text-align: center;
}
.section-title.st-center {
    text-align: center;
}
.section-title {
    margin-bottom: 35px;
}
.section-title {
    margin-bottom: 35px;
    font-family: Raleway, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}	

.section-title h3 {
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 30px;
    display: inline-block;
    clear: both;
    position: relative;
    margin-top: 0px;
    background: rgb(239, 76, 43);
    border-radius: 30px;
    padding: 3px 25px !important;
}
.section-title h3::after {
    content: "";
    font-family: FontAwesome;
    font-size: 18px;
    color: rgb(239, 76, 43);
    margin-left: -7px;
    bottom: -13px;
    display: block;
    position: absolute;
    left: 50%;
}
.we-do-heading {
    text-align: center;
    color: rgb(255, 255, 255);
    padding-bottom: 10px;
    font-family: Raleway, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 40px;
}
.divider {
    width: 160px;
    height: 20px;
    text-align: center;
    background: url("../images/divider.png") no-repeat;
    margin: auto auto 30px;
}
.dark-color {
    color: rgb(85, 85, 85);
}

.green-text {
    color: #26cbbe;
}
.divider-blue {
    width: 160px;
    height: 20px;
    text-align: center;
    background: url(../images/divider.png) no-repeat;
    margin: auto;
    margin-bottom: 30px;
}

.section-title .color-yellow {
    color: rgb(252, 184, 75);
}
.divider-yellow {
    width: 160px;
    height: 20px;
    text-align: center;
    background: url("../images/divider.png") no-repeat;
    margin: auto auto 30px;
}
#hello{
	position:relative;
	height:100%;
}

#rev_slider_1_1_wrapper{
	position:relative;
	height:100%;
}
#rev_slider_1_1_wrapper:after{
	 display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 105px;
    background: url(../images/bg.png) 50% 0 no-repeat;
    z-index: 999;
}

#hello:after, #services:after, #clients:after{
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 105px;
    background: url(../images/bg.png) 50% 0 no-repeat;
    z-index: 5;
}

#services:after{
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 105px;
    background: url(../images/bg-wht.png) 50% 0 no-repeat;
    z-index: 5;
}


#services:before{
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 105px;
    background: url(../images/bg.png) 50% 0 no-repeat;
    z-index: 5;
}

#services,#hello {
    position: relative;
    overflow: hidden
 /* Temp CSS */
 /* Temp CSS End */;
}

#clients {
    position: relative;
    overflow: hidden
 /* Temp CSS */
 /* Temp CSS End */;
}
	
	
/*-- about --*/
section.about{
	background-color: #fff;
    color: #000;
	padding-top: 80px;
	padding-bottom: 90px;
	}
.about-title{
	
	font-size: 20px;
	line-height: 36px;
	color: #666666;
	text-align: center;
	margin-bottom: 20px;
	}
	

.about-title span{
	
	color: #ef4c2b;
	}
.about-box{
	margin-top: 40px;
	}
.about-box ul{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	}
.about-box ul li{
	width: 19.5%;
    display: inline-block;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
	}
.about-content{
	text-align: center;
	}
.about-content img{
	margin: 0 auto;
	}
.about-content h4{
	font-size: 16px;
	line-height: 25px;
	color: #333333;
	font-weight:bold;
	}
.about-content p{
	
	font-size: 14px;
	line-height: 22px;
    color: #000000;
	}
.points-st{
	margin-top:20px;
}
.points-st ul{
	
}

.points-st li{
	    position: relative;
    list-style: none;
    padding-left: 50px;
    margin-bottom: 30px;
    font-size: 16px;
    color: #000000;
    line-height: 30px;
}

.points-st li:before{
	position:absolute;
	top:0;
	left:-10px;
	background: #ef4c2b;
	width: 45px;
	height:45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-family: 'FontAwesome';
	content: "\f164";
	color: #fff;
	font-size: 24px;
	border-radius: 50%;
}

	/*-- services --*/
section.services{
    background: url(../images/web-2.jpg);
    padding-top: 80px;
    background-attachment: fixed;
    background-size: cover;
	}
.section-title{
	
	font-size: 36px;
	line-height: 70px;
	text-align: center;
	letter-spacing: 2px;
	margin: 0;
	}
.section-title .color-white{
	color: #eff3f3;
	}
.section-title .color-purple{
	color: #a66dbf;
	}
.section-title .color-yellow{
    color: #ef4c2b;
	}
.section-title .color-cyan{
	color: #28ccbf;
	}
.section-text{
	font-size: 17px;
	line-height: 25px;
	color: #fff;
	text-align: center;
	margin-bottom: 50px;
	}
.light-yellow {
    color: #ef4c2b;
}
.services-content-bg{
	background: url(../images/shape.png) no-repeat 50% 0%;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	margin: auto;
	}
.top-services-space{
	padding-top: 290px;
	}
.top-services-space-2{
	padding-top: 90px;
	}
.top-services-space-3{
	padding-top: 175px;
	}
.top-services-space-4{
	padding-top: 350px;
	}
.services-content-inner{
	margin-top: 80px;
	}
.services-content-inner button{
	
	font-size: 24px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #ffffff;
	text-align: center;
    background-color: #ef4c2b;
	border: none;
	border-radius: 3px;
	padding: 5px 10px;
	text-transform:uppercase;
	    font-family: Raleway, sans-serif;
    font-weight: bold;
	}

button.website{
    background-color: #ef4c2b;
	}
	button.api{
    background-color: #ef4c2b;
	}
button.graphic{
    background-color: #ef4c2b;
	}
.services-content-inner h3{
	
	font-size: 22px;
	line-height: 36px;
	color: #ffffff;
	}
.services-content-inner p{
	
	font-size: 14px;
	line-height: 24px;
	color: #879cb0;
	margin-bottom: 20px;
	}
.services-content-inner > a{
	
	font-size: 13px;
	line-height: 24px;
	color: #2c3e50;
	display: block;
	width: 110px;
	height: 30px;
	padding: 5px 10px;
	background-color: #eff3f3;
	text-align: center;
	border-radius: 3px;
	}
.services-content-image{
	position: relative;
	}
.image-inner img{
	float: right;
	margin: 0 auto;
	}
.image-inner-2 img{
	float: left;
	margin: 0 auto;
	}
.add-image-inner{
	position: absolute;
	z-index: 1;
	top: 90px;
	left: 60px;
	}
.add-image-inner-2{
	position: absolute;
	z-index: 1;
	top: 90px;
	right: 60px;
	}
.add-image-inner img{
	margin: 0 auto;
	}
.add-image-inner-2 img{
	margin: 0 auto;
	}
.browser-image-box{
	width: 100%;
	position: relative;
	overflow: hidden;
	}
.browser-image-inner-1{
	position: relative;
	max-width: 680px;
	margin: auto;
	z-index: 1;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
	}
.browser-image-inner-2{
	max-width: 680px;
	min-height: 345px;
	position: absolute;
	margin-top: -227px;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
	}
.browser-image-inner-3{
	max-width: 680px;
	min-height: 345px;
	position: absolute;
	right: 0px;
	margin-top: -227px;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
	}
.browser-image-inner-1 img, 
.browser-image-inner-2  img, 
.browser-image-inner-3 img{
	margin: 0 auto;
	}
.browser-image-inner-1:hover{
	z-index: 2;
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform: scale(1.10);
	cursor: pointer;
	}
.browser-image-inner-2:hover{
	z-index: 2;
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform: scale(1.10);
	cursor: pointer;
	}
.browser-image-inner-3:hover{
	z-index: 2;
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform: scale(1.10);
	cursor: pointer;
	}
	/*-- works --*/
section.works{
	background-color:#FFF;
	padding-top: 80px;
	padding-bottom: 150px;
	}
.section-title .color-black{
	color: #555555;
	}
.section-title .color-green{
    color: #ef4c2b;
	}
.section-title .color-black-2{
	color: #333333;
	}
.section-title .color-red{
	color: #ef4c2b;
	}
.section-title .color-blue{
	color: #3c9ad9;
	}
.section-title .color-orange{
	color: #ff5c26;
	}
.section-title .color-green-2{
	color: #2ecc71;
	}
.section-text .color-black{
	color: #879cb0;
	}
.section-text .color-gray{
	color: #777777;
	}
.work-info-box{
	text-align: center;
	}
.work-box-number{
	padding-top: 45px;
	}
.work-box-number .right-space{
	padding-right: 40px;
	}
.work-box-number .left-space{
	padding-left: 25px;
	}
.work-box-number .box-number-text{
	
	font-size: 25px;
	line-height: 30px;
	}
.work-box-number .number-big{
	
	font-size: 72px;
	line-height: 30px;
	position: relative;
	top: 15px;
	margin-right: 30px;
	margin-left: 30px;
	}
.work-box-icon{
	position: relative;
	}
.box-icon-inner{
	width: 140px;
	height: 150px;
	margin: 0 auto;
	position: relative;
	}
.box-icon-inner:before{
	content:"";
	position: absolute;
	top: 40%;
	z-index: 1;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	}
.box-icon-inner img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 50px;
	}
.work-box-text{
	padding-top: 20px;
	padding-left: 40px;
	padding-right: 40px;
	}
.work-box-text p{
	
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	margin: 0;
	}
	/*-- box row color --*/
.red-box p{
	color: #fd5f42;
	}
.yellow-box p{
	color: #f7c640;
	}
.lightgreen-box p{
	color: #26cbbe;
	}
.lemon-box p{
	color: #a8cf69;
	}
.blue-box p{
	color: #3b99d8;
	}
.purple-box p{
	color: #a469bd;
	}
.red-box .box-icon-inner{
	background-color: #fd5f42;
	border-bottom: 10px solid #e1553a;
	}
.yellow-box .box-icon-inner{
	background-color: #f7c640;
	border-bottom: 10px solid #e1a62c;
	}
.lightgreen-box .box-icon-inner{
	background-color: #26cbbe;
	border-bottom: 10px solid #21ac99;
	}
.lemon-box .box-icon-inner{
	background-color: #a8cf69;
	border-bottom: 10px solid #30ad64;
	}
.blue-box .box-icon-inner{
	background-color: #3b99d8;
	border-bottom: 10px solid #2f80b6;
	}
.purple-box .box-icon-inner{
	background-color: #a469bd;
	border-bottom: 10px solid #8949a4;
	}
.red-box .box-icon-inner:before{
	left: -20px;
	border-right: 25px solid #fd5f42;
	}
.yellow-box .box-icon-inner:before{
	right: -20px;
	border-left: 25px solid #f7c640;
	}
.lightgreen-box .box-icon-inner:before{
	left: -20px;
	border-right: 25px solid #26cbbe;
	}
.lemon-box .box-icon-inner:before{
	right: -20px;
	border-left: 25px solid #a8cf69;
	}
.blue-box .box-icon-inner:before{
	left: -20px;
	border-right: 25px solid #3b99d8;
	}
.purple-box .box-icon-inner:before{
	right: -20px;
	border-left: 25px solid #a469bd;
	}
	/*-- work portfolio --*/
section.work-portfolio{
	background-color: #2c3e50;
	padding-top: 140px;
	padding-bottom: 100px;
	}
#filters{
	text-align: center;
	padding-top: 15px;
	margin-bottom: 50px;
	}
#filters button{
	
	font-size: 12px;
	line-height: 22px;
	color: #2c3e50;
	text-align: center;
	background-color: #eff3f3;
	padding: 10px 25px;
	margin-right: 15px;
	margin-bottom: 10px;
	border: none;
	-moz-transition: all .17s ease-in-out;
	-webkit-transition: all .17s ease-in-out;
	-o-transition: all .17s ease-in-out;
	transition: all .17s ease-in-out;
	}
#filters button.button-bg-purple{
	background-color: #a469bd;
	color: #ffffff;
	}
#filters button.button-bg-purple:hover{
	background-color: #e44c40;
	color: #ffffff;
	}
#filters button.button-bg-purple.is-checked{
	background-color: #e44c40;
	color: #ffffff;
	}
#filters button:last-child{
	margin-right: 0px;
	}
#filters button:hover{
	background-color: #f7c640;
	color: #ffffff;
	}
#filters button.is-checked{
	color: #ffffff;
	background-color: #f7c640;
	}
.item.item-width{
	width: 18.5%;
	}
.portfolio-item-box{
	width: 100%;
	overflow: hidden;
	box-shadow: 0px 0px 5px #0f151b;
	margin-bottom: 20px;
	}
.portfolio-item-box > a{
	display: block;
	}
.portfolio-item-box img{
	margin:0 auto;
	border: 5px solid #ffffff;
	}
.load-more{
	width: 200px;
	height: 50px;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin
	}
.load-more button{
	
	font-size: 14px;
	line-height: 48px;
	color: #ffffff;
	background-color: #f7c640;
	border: none;
	border-radius: 2px;
	padding: 1px 48px;
	}
.load-more button.btn-bg-red{
	background-color: #e44c40!important;
	}
	/*-- facts --*/
section.facts{
	background-color: #eff3f3;
	padding-top: 150px;
	padding-bottom: 170px;
	}
.facts-info{
	margin-top: 75px;
	padding-left: 35px;
	padding-right: 35px;
	}
.facts-info ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.facts-info ul li{
	float: left;
	width: 20%;
	}
.facts-box-inner{
	text-align: center;
	padding-top: 35px;
	padding-bottom: 35px;
	}
.facts-box-inner img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	}
.facts-bg-red{
	background-color: #ef4c2b;
	}
.facts-bg-cyan{
	background-color: #28ccbf;
	}
.facts-bg-orange{
	background-color: #f39c12;
	}
.facts-bg-green{
	background-color: #27ae60;
	}
.facts-bg-blue{
	background-color: #5cace2;
	}
.facts-bg-blue-2{
	background-color: #3c9ad9;
	}
.facts-bg-purple{
	background-color: #a469bd;
	}
.facts-bg-yellow{
	background-color: #f9c741;
	}
.facts-box-inner-title{
	
	font-size: 36px;
	color: #ffffff;
	margin-bottom: 20px;
	}
.facts-box-inner-text{
		font-size: 12px;
	line-height: 25px;
	color: #ffffff;
	margin-bottom: 45px;
	letter-spacing: 1px;
	}
	/*-- talented people --*/
section.talented-people{
	background-color: #2c3e50;
	padding-top: 165px;
	padding-bottom: 110px;
	}
.works-count{
	margin: 0 auto;
	}
.shirt-icon{
	text-align: center;
	}
.shirt-icon img{
	margin: 0 auto;
	}
.line-vertical{
	text-align: center;
	height: 55px;
	background: #ff5c26;
	width: 3px;
	display: block;
	margin: auto;
	}
.talented-wrapper{
	padding-left: 60px;
	padding-right: 60px;
	}
.left-team-box{
	border-right: 3px solid #ff5c26;
	}
.team-box{
	width: 450px;
	max-height: 230px;
	background-color: #f0f0f0;
	position: relative;
	margin-bottom: 40px;
	box-shadow: 1px 2px 3px #273747;
	}
.team-box:after{
	content: "";
	position: absolute;
	z-index: 10;
	}
.left-team-inner{
	float: left;
	}
.right-team-inner{
	float: right;
	}
.left-team-inner:after{
	right: -20px;
	top: 22px;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 22px solid #f0f0f0;
	}
.right-team-inner:after{
	left: -20px;
	top: 22px;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 22px solid #f0f0f0;
	}
.team-image{
	width: 180px;
	float: left;
	}
.team-image img{
	width: 180px;
	height: 230px;
	margin: 0 auto;
	}
.team-content{
	width: 270px;
	float: left;
	padding: 25px 30px;
	}
.team-content .name{
	
	font-size: 16px;
	line-height: 16px;
	color: #2c3e50;
	margin-top: 0px;
	margin-bottom: 10px;
	}
.team-content .position{
	
	font-size: 12px;
	line-height: 12px;
	color: #ff5c26;
	margin-bottom: 10px;
	}
.team-content .short-desc{
	
	font-size: 13px;
	line-height: 18px;
	color: #879cb0;
	margin-bottom: 18px;
	}
ul.social{
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul.social li{
	width: 24px;
	height: 24px;
	display: inline-block;
	}
ul.social li a{
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	border-radius: 2px;
	display: block;
	text-align: center;
	}
ul.social li a.twitter-bg-color{
	background-color: #3dc7ff;
	}
ul.social li a.facebook-bg-color{
	background-color: #3384e9;
	}
ul.social li a.plus-bg-color{
	background-color: #f62d19;
	}
ul.social li a.pinterest-bg-color{
	background-color: #ee0010;
	}
ul.social li a.linkedin-bg-color{
	background-color: #43bdff;
	}
ul.social li a.dribbble-bg-color{
	background-color: #ff72bc;
	}
ul.social li a.behance-bg-color{
	background-color: #139af1;
	}
.more-button{
	text-align: center;
	}
.more-button button{
	
	font-size: 12px;
	line-height: 22px;
	color: #eff3f3;
	background-color: #ff5c26;
	border: none;
	border-radius: 20px;
	padding: 9px 34px;
	}
	/*-- pricing --*/
section.pricing{
	background-color: #eff3f3;
	padding-top: 130px;
	padding-bottom: 150px;
	}
.price-box-left{
	margin-top: 60px;
	}
.price-box-right{
	margin-top: 60px;
	}
.price-box{
	text-align: center;
	}
.price-box-inner-top{
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 35px;
	padding-right: 35px;
	}
.price-box-blue{
	background-color: #5399c7;
	}
.price-box-cyan{
	background-color: #28ccbf;
	}
.price-box-green{
	background-color: #2ecc71;
	padding-top: 60px;
	padding-bottom: 60px;
	}
.price-box-red-2{
	background-color: #e44c40;
	padding-top: 60px;
	padding-bottom: 60px;
	}
.price-box-red{
	background-color: #ef4c2b;
	}
.price-box-yellow{
	background-color: #f9c741;
	}
.price-head{
	
	font-size: 18px;
	line-height: 24px;
	color: #fefefe;
	margin-top: 20px;
	margin-bottom: 40px;
	}
.start-from{
	
	font-size: 14px;
	line-height: 24px;
	color: #fefefe;
	margin-bottom: 30px;
	}
.price-range{
	
	font-size: 36px;
	color: #fefefe;
	margin-bottom: 30px;
	}
.price-range .dolar{

	font-size: 68px;
	line-height: 24px;
	}
.price-description{
	
	font-size: 14px;
	line-height: 22px;
	color: #fefefe;
	}
.price-box-inner-bottom{
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	background-color: #ffffff;
	}
.price-box-inner-bottom h5{
	
	font-size: 14px;
	line-height: 21px;
	color: #333333;
	}
.price-box-inner-bottom ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.price-box-inner-bottom ul li{
	
	font-size: 13px;
	line-height: 32px;
	color: #777777;
	}
.price-box-inner-bottom button{
	
	font-size: 12px;
	line-height: 22px;
	color: #ffffff;
	border: none;
	border-radius: 2px;
	margin-top: 30px;
	padding: 9px 28px;
	}
	/*-- blog --*/
section.blog{
	background-color: #2c3e50;
	padding-top: 130px;
	padding-bottom: 100px;
	}
.blog-post-box{
	width: 100%;
	max-height: 115px;
	overflow: hidden;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	}
.blog-post-box:hover{
	max-height: 487px;
	}
.post-bg-light-green{
	background-color: #2ecc71;
	}
.post-bg-purple{
	background-color: #a469bd;
	}
.post-bg-light-oliva{
	background-color: #16a085;
	}
.post-bg-light-blue{
	background-color: #5399c7;
	}
.post-bg-orange{
	background-color: #f39c12;
	}
.post-bg-red{
	background-color: #ef4c2b;
	}
.post-bg-lemon{
	background-color: #a9d06a;
	}
.post-bg-yellow{
	background-color: #f9c741;
	}
.post-info ul li:first-child a.admin-light-green{
	color: #2ecc71;
	}
.post-info ul li:first-child a.admin-purple{
	color: #a469bd;
	}
.post-info ul li:first-child a.admin-light-oliva{
	color: #16a085;
	}
.post-info ul li:first-child a.admin-light-blue{
	color: #5399c7;
	}
.post-info ul li:first-child a.admin-orange{
	color: #f39c12;
	}
.post-info ul li:first-child a.admin-red{
	color: #ef4c2b;
	}
.post-info ul li:first-child a.admin-lemon{
	color: #a9d06a;
	}
.post-info ul li:first-child a.admin-yellow{
	color: #f9c741;
	}
.blog-post-image{
	float: left;
	width: 50%;
	}
.blog-post-content{
	float: left;
	width: 50%;
	padding-left: 45px;
	padding-right: 45px;
	padding-top: 30px;
	padding-bottom: 25px;
	}
.blog-post-content .post-date{
	
	font-size: 12px;
	line-height: 30px;
	color: #333333;
	margin: 0;
	}
.blog-post-content .post-title{
	
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	margin-top: 5px;
	margin-bottom: 20px;
	}
.blog-post-content .post-text{

	font-size: 13px;
	line-height: 22px;
	color: #ffffff;
	}
.post-info{
	margin-top: 17px;
	}
.post-info ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.post-info ul li{
	display: inline-block;
	margin-right: 20px;
	}
.post-info ul li:first-child a{
	
	background-color: #ffffff;
	padding: 0px 10px;
	border-radius: 3px;
	}
.post-info ul li a{



	
	font-size: 13px;
	line-height: 24px;
	color: #ffffff;
	display: block;
	}
.post-info ul li a i{
	color: #d6ddd9;
	margin-right: 5px;
	}
.blog-open{
	max-height: 487px;
	}
.subscribe{
	margin-top: 100px;
	}
.subscribe form .form-group{
	width: 100%;
	}
.subscribe form .form-group input, .subscribe form .form-group button{
	width: 100%;
	}
.subs-form{
	text-align: center;
	height: 100px;

	font-size: 14px;
	border: 8px solid #16a085;
	border-radius: 0;
	background: transparent;
	color: #16a085;
	}
.subs-form:focus{
	border-color: #16a085;
	box-shadow: none;
	outline: 0;
	}
.red-subs-form{
	border: 8px solid #ef4c2b;
	color: #ef4c2b;
	}
.red-subs-form:focus{
	border: 8px solid #ef4c2b;
	color: #ef4c2b;
	}
.load-btn{
	
	text-align: center;
	height: 100px;
	border: none;
	font-size: 14px;
	color: #ffffff;
	background-color: #16a085;
	}
.button-red{
	background-color: #ef4c2b;
	}
.load-btn i{
	margin-left: 15px;
	font-size: 20px;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
	}
	/*-- client's --*/
section.clients{
	background-color: #182430;
	padding-top: 80px;
	padding-bottom: 70px;
	}
#owl-client .owl-item{
	/*width: 150px!important;*/
	margin: 0 auto;
	}
.green-text {
    color: #26cbbe;
}
.client-logo{
	width: 100%;

	}
.client-logo img{
	margin: 0 auto;
	    display: block;
    background: #FBB841;
    padding: 20px;
	}
	/*-- words --*/
section.words{
	background-color: #EDEFED;
	padding-top: 80px;
	padding-bottom: 80px;
	}
.testimonials-box{
	text-align: center;
	}
.quote {
	}
.quote i{
	font-weight: bold;
    font-size: 60px;
    color: #66837e;
	margin:0px 0px 10px 0px;
	}
.quote img{
	margin: 0 auto;
	}
.testimonials-client-image{
	margin-bottom: 40px;
	}
.testimonials-client-image ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.testimonials-client-image ul li{
	display: inline-block;
	}
.testimonials-client-image ul li a{
	display: block;
	}
.testimonials-client-image ul li a img{
	margin: 0 auto;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	}
.testimonials-content{
	margin-bottom: 40px;
	padding: 0px 40px 0px 5px;
	}
.testimonials-content h2 {
    color: #746f6f;
    font-size: 16px;
    text-align: center;
}
.testimonials-content .designer {
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
    width: 250px;
}
.testimonials-content .clint {
    float: left;
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}
.testimonials-content .clint img {
    margin-left: 0px;
    margin-top: -5px;
}
.testimonials-content .info {
    width: 320px;
    padding-top: 2px;
}
.testimonials-content .info i{
	font-weight: bold;
    font-size: 30px;
    color: #B1ADAD;
    margin: 0px 0px 0px 0px;
	}
.testimonials-content .info h3 {
    color:#E74C3C;
    font-size: 21px;
    line-height: 6px;
}
.testimonials-content .info p {
    color: #6a6565;
    font-size: 14px;
    font-style:italic;
}
.testimonials-content .client-text{
	
	font-size: 15px;
	line-height: 30px;
	color:#333;
	}
.testimonials-content .client-position{

	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	}
.client-position .site-color-yellow{
	color: #f1c40f;
	}
	/*-- slides --*/
#products{
	text-align: center;
	position: relative;
	}
#products .slides_container {
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
	}
.slides_container a {
	width: 960px;
	margin: 0 auto;
	display: block;
	text-decoration: none;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	}
#products .next, #products .prev {
	position:absolute;
	top: 20%;
	width: 30px;
	height: 30px;
	padding-top: 20px;
	overflow: hidden;
	display: block;
	z-index: 10;
	text-indent: -9999px;
	}
#products .prev {
	background: url(../images/cru_left.png);
	background-repeat: no-repeat;
	left: 0px;
	}
#products .next {
	right: 0px;
	background: url(../images/cru_right.png);
	background-repeat: no-repeat;
	}
.pagination>li>a:hover, .pagination>li>span:hover, 
.pagination>li>a:focus, .pagination>li>span:focus{
	background-color: transparent;
	}
.pagination>li>a, .pagination>li>span{
	background-color: transparent;
	border: none;
	width: 100%;
	padding: 0px;
	margin: 0 auto;
	}
#products .pagination {
	text-align: center;
	}
#products .pagination li {
	list-style: none;
	margin-left: 5px;
	margin-right: 5px;
	}
#products .pagination li a{
	opacity: 0.2;
	display: block;
	}
#products .pagination li.current a{
	opacity: 1.0;
	}
#products .pagination li.current a img{
	width: 85px;
	height: 85px;
	display: block;
	}
	/*-- map --*/
section.map{
	width: 100%;
	margin: 0 auto;
	}
#map{
	width: auto;
	height: 800px;
	}
	/*-- contact --*/
section.contact{
	padding-top: 80px;
	padding-bottom: 75px;
    background: url(../images/contact_bg.jpg) center;
    background-attachment: fixed;
    background-size: cover;
}

.contact-info{
	margin-top: 25px!important;
	text-align:left;
}

.contact-info .header {
    margin-top: 35px;
	font-weight:bold;
    font-size: 25px;
    letter-spacing: -1px;
	color:#C7C7C7;
	text-align:left;
}

.contact-info .text {
    margin-top: 12px;
    font-size: 16px;
    letter-spacing: -1px;
	text-align:left;
}

.contact-info .iconText {
    color: white;
    font-size: 17px;
    letter-spacing: 0px;
    padding-top: 12px;
	text-align: left;
	margin-top:10px;
}



.contact-info .iconText a {
    color: white;
}

.contact-info .iconText a:hover {
    color: rgb(239, 76, 43);
}

.contact-info .iconText .icon.iconEmailHello {
    background-position: 0px 0px;
}
.contact-info .iconText .icon.iconPhone {
    background-position: 0px -26px;
}
.contact-info .iconText .icon.iconLocation {
    background-position: 0px -52px;
}
.contact-info .iconText .icon.iconFacebook {
    background-position: 0px -78px;
}
.contact-info .iconText .icon.iconLinkedIn {
    background-position: 0px -130px;
}

.contact-info .iconText .icon.iconGooglePlus {
    background-position: 0px -104px;
}
.contact-info .iconText .icon.iconTwitter {
    background-position: 0px -156px;
}

.contact-info .iconText .icon {
    background-image:url(../images/social_icons.png);
}
.contact-info .iconText .icon {
    display: inline-block;
    width: 28px;
    height: 26px;
    position: relative;
    top: 2px;
    margin-right: 2px;
    vertical-align: bottom;
}
	
#contactform .form-group{
	margin-bottom: 0;
	}
#contactform .form-group .row-gap{
	margin-bottom: 20px;
	}
.inputfield{
	
	background: transparent;
	border: 4px solid #f0f0f0;
	border-radius: 0;
	margin-right: 1%;
	font-size: 14px;
	color: #879cb0;
	height: 50px;
	padding-left: 16px;
	}
.inputfield:focus{
	border-color: #f0f0f0;
	box-shadow: none;
	}
.submit-button{

	font-size: 12px;
	line-height: 25px;
	width: 100%;
	height: 50px;
	border: none;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #ffffff;
	border-radius: 0;
	background-color: #ef4c2b;
	letter-spacing: 1px;
	}
.submit-button:hover{
	color: #ffffff;
	background-color: #ef4c2b;
	}
.submit-bg-green{
	background-color: #1abc9c;
	}
.submit-bg-green:hover{
	background-color: #1abc9c;
	}
.submit-bg-green:focus{
	outline: 0;
	color: #ffffff;
	background-color: #1abc9c!important;
	}
.submit-bg-blue{
	background-color: #3c9ad9;
	}
.submit-bg-blue:hover{
	background-color: #3c9ad9;
	}
.submit-bg-blue:focus{
	outline: 0;
	color: #ffffff;
	background-color: #3c9ad9!important;
	}
.submit-button:focus{
	outline: 0;
	color: #ffffff;
	background-color: #ef4c2b;
	}
.contact-info{
	text-align: center;
	margin-top: 85px;
    color: #fff;
	}
.contact-info ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.contact-info ul li{
	display: inline-block;
	margin-right: 100px;
	}
.contact-info ul li:last-child{
	margin-right: 0px;
	}
.info-panel{
	text-align: center;
	}
.info-panel img{
	margin: 0 auto;
	}
.info-panel p{
	
	font-size: 13px;
	line-height: 20px;
	color: #879cb0;
	margin-bottom: 0;
	margin-top: 32px;
	}
.info-panel > a{

	font-size: 13px;
	line-height: 22px;
	color: #ffffff;
	}
	/*-- contact form submission --*/
.error_message{
	
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
	padding: 7px 20px;
	margin-bottom: 15px;
	background-color: #ef4c2b;
	}
#success-message{
	
	background-color: #ef4c2b;
	text-align: center;
	color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	}
#success-message h4{

	font-size: 18px;
	line-height: 36px;
	}
.loader{
	position: absolute;
	right: 33%;
	bottom: 20%;
	}
	/*-- footer top --*/
section.footer-top{
	background-color: #ef4c2b;
	padding-top: 50px;
	padding-bottom: 50px;
	}
section.green-bg{
	background-color: #1abc9c;
	}
section.blue-bg{
	background-color: #3c9ad9;
	}
.social-icon-box{
	text-align: center;
	}
.social-icon-box ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.social-icon-box ul li{
	display: inline-block;
	margin-right: 45px;
	}
.social-icon-box ul li:last-child{
	margin-right: 0;
	}
.social-icon-box ul li a{
	font-size: 52px;
	color: #f4f4f4;
	display: block;
	}
	/*-- footer bottom --*/
section.footer-bottom{
    background-color: #ef4c2b;
	padding-top: 30px;
	padding-bottom: 30px;
	}
section.green-bg-bottom{
	background-color: #11a487;
	}
section.blue-bg-bottom{
	background-color: #2a84c1;
	}
.footer-bottom-text{
	
	font-size: 12px;
	line-height: 22px;
	margin-bottom: 0;
	text-align: center;
	color: #f4f4f4;
	}
.highlight-text{
	
	color: #fff;
	}
	/*-- go to top --*/
#backtotop{
	height: auto;
	position: fixed;
	right: 30px;
	bottom: 81px;
	display: none;
	z-index: 30;
	}
#backtotop ul{
	margin: 0;
	padding: 15px 0px;
	list-style: none;
	}
#backtotop ul li a{
	background: url(../images/bg-up.png) center 48% no-repeat #fff;
	background-size: 22px 15px;
	display: block;
	width: 50px;
	height: 50px;
	float: right;
	right: 10px;
	text-indent: -9000px;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	}
	/*=============================
			blog page 
	=============================*/
section.blog-header{
	background-color: #ef4c2b;
	padding-top: 50px;
	padding-bottom: 50px;
	}
.blog-header{
	
	font-size: 36px;
	line-height: 70px;
	text-align: center;
	color: #ffffff;
	margin: 0;
	}
section.blog-categories{
	background-color: #292828;
	padding-top: 30px;
	padding-bottom: 20px;
	}
.blog-categories-button{
	text-align: center;
	}
.blog-categories-button button{
	
	font-size: 12px;
	line-height: 22px;
	color: #2c3e50;
	text-align: center;
	background-color: #eff3f3;
	padding: 10px 25px;
	margin-right: 15px;
	margin-bottom: 10px;
	border: none;
	-moz-transition: all .17s ease-in-out;
	-webkit-transition: all .17s ease-in-out;
	-o-transition: all .17s ease-in-out;
	transition: all .17s ease-in-out;
	}
.blog-categories-button button:last-child{
	margin-right: 0px;
	}
.blog-categories-button button.is-active{
	background-color: #ef4c2b;
	color: #ffffff;
	}
.blog-categories-button button:hover{
	background-color: #ef4c2b;
	color: #ffffff;
	}
.click-blog-search{
	padding: 10px 16px!important;
	}
button.click-blog-search i{
	font-size: 16px;
	}
section.blog-content-wrapper{
	background-color: #f9f9f9;
	padding-top: 50px;
	padding-bottom: 50px;
	}
	/*-- blog carousal --*/
#blog-carousel .carousel-control.left{
	background-image: none;
	width: 30px;
	}
#blog-carousel .carousel-control.right{
	background-image: none;
	width: 50px;
	}
.carousel-control .chevron-left,
.carousel-control .chevron-right{
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
	}
.carousel-control i{
	background-color: #000000;
	color: #00c1ea;
	padding: 6px 10px;
	font-size: 30px;
	line-height: 20px;
	}
.carousel-control i.chevron-left{
	left: 0;
	}
.carousel-control i.chevron-right{
	right: 0;
	}
.embed-responsive-16by9{
	padding-bottom: 59%;
	}
	/*-- blog widget area --*/
section.blog-widget-area{
	width: 100%;
	margin: 0 auto;
	background-color: #292828;
	}
.quality{
	text-align: left;
	padding-top: 40px;
	padding-bottom: 40px;
	}
.part{
	width: 20%;
	float: left;
	}
.categories{
	
	font-size: 16px;
	color: #fff;
	}
.categories i{
	color: #ef4c2b;
	}
ul.cat-panel, ul.cat-panel-tags{
	margin: 0;
	list-style: none;
	}
.cat-panel{
	width: 95%;
	background: #eff3f3;
	min-height: 280px;
	padding: 5px 20px 15px 20px;
	}
.cat-panel li{
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 5px;
	margin-top: 15px;
	}
.cat-panel li a{
	font-size: 15px;
	color: #787878;
	}
.badge{
	border-radius: 3px;
	font-size: 14px;
	background: #ef4c2b;
	color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
	}
.cat-panel-tags{
	width: 95%;
	background: #eff3f3;
	min-height: 250px;
	padding: 10px 20px 15px 20px;
	}
.cat-panel-tags li{
	margin-top: 5px;
	float: left;
	border: 1px solid #e8e8e8;
	display: block;
	margin-left: 2.5px;
	margin-right: 2.5px;
	}
.cat-panel-tags li a{
	padding: 5px;
	font-size: 14px;
	color: #787878;
	display: block;
	}
.cat-panel-tags li a:hover, .cat-panel-tags li a:focus, .cat-panel-tags li a:active{
	color: #fff;
	background: #ef4c2b;
	}
.cmt-panel{
	width: 95%;
	background: #eff3f3;
	min-height: 280px;
	padding: 5px 20px 15px 20px;
	}
.comment{
	min-height: 110px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e8e8e8;
	margin-top: 20px;
	}
.coment-pic{
	float: left;
	}
.cmt{
	color: #868686;
	width: 75%;
	float: right;
	}
.cmt-title{
	
	color: #CECFCF;
	font-size: 12px;
	}
.cmt-name{
	margin-top: -10px;
	color: #CECFCF;
	}
.cmt-name span{

	color: #ef4c2b;
	}
.cmt-desc{
	margin-top: -5px;
	font-size: 13px;
	}
ul.cat-panel-fl{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.cat-panel-fl{
	width: 94.25%;
	background: #eff3f3;
	}
.cat-panel-fl li{
	float: left;
	width: 25%;
	}
.cat-panel-tw{
	width: 94.25%;
	background: #eff3f3;
	min-height: 220px;
	}
	/*-- blog single --*/
.single-container{
	max-width: 1024px;
	margin: auto;
	margin-top: 50px;
	}
.blog-single-post{
	width: 100%;
	}
.single_desc{
	padding: 30px;
	background: #fff;
	}
.accr-desc-single{

	font-size: 13px;
	line-height: 24px;
	color: #999999;
	margin-bottom: 30px;
	}
.single-quote{
	background: #f5f5f5;
	min-height: 100px;
	padding: 25px;
	position: relative;
	margin-bottom: 30px;
	}
.quote-back{
	position: absolute;
	top: 0;
	left: 0;
	}
.single-para{
	
	font-size: 14px;
	margin-left: 60px;
	color: #595858;
	}
.quote-title{

	font-size: 18px;
	color: #333333;
	margin-top: 0;
	margin-bottom: 20px;
	}
.single-para .quote-text{
	font-size: 15px;
	line-height: 20px;
	color: #484747;
	}
.author-name{
	font-size: 13px;
	line-height: 22px;
	color: #ef4c2b;
	}
ul.single_ul{
	margin: 0;
	padding: 0;
	list-style: none;
	color: #999999;
	margin-left: -15px;
	}
ul.single_ul li{

	font-size: 13px;
	line-height: 24px;
	color: #999999;
	}
ul.single_ul li span{
	margin-right: 10px;
	}
.glyphicon-ok{
	color: #35C195;
	font-size: 11px;
	}
.fa-stop{
	color: #00C1EA;
    font-size: 8px;
    margin-top: 7px;
    display: block;
    margin-right: 10px;
    float: left;
	}
.header3{

	font-size: 18px;
	line-height: 24px;
	color: #555555;
	margin-top: 50px;
	}
.back-btn{

	font-size: 13px;
	line-height: 30px;
	background: #E74C3C none repeat scroll 0% 0%;
	color: #FFF;
	border: medium none;
	padding: 5px 39px 5px 25px;
	position: relative;
	}
.back-btn:hover, .back-btn:active, .back-btn:focus, .back-btn:active{
	color: #fff;
	background: #ef4c2b;
	outline: 0;
	}
.share{

	width: 30%;
	float: left;
	color: #999999;
	}
.social-right{
	float: right;
	width: 70%;
	text-align: right;
	}
.comment_simple{
	height: 78px;
	background: #ef4c2b;
	margin-top: 20px;
	position: relative;
	}

.cmt-left{
	width: 50%;
	float: left;
	}
.cmt_date{
	position: absolute;
	margin-left: 106px;
	font-size: 13px;
	margin-top: 43px;
	color: #e1e1e2;
	left: 0;
	}
.rep_btn{
	background: #b4b4b4;
	border: none;
	color: #fff;
	padding: 5px 25px 5px 25px;
	border-radius: 3px;
	position: absolute;
	right: 25px;
	top: 24px;
	}
.rep_btn:hover, .rep_btn:active, .rep_btn:focus, .rep_btn:visited{
	background: #b4b4b4;
	color: #fff;
	}
.author_thumb{
	position: absolute;
	left: 0;
	top: 0;
	}
.author_name_nested{
	float: left;
	color: #ef4c2b;
	margin-left: 106px;
	font-size: 16px;
	margin-top: 23px;
	text-transform: uppercase;
	}
.author_name{
	float: left;
	color: #FFF;
	margin-left: 106px;
	font-size: 18px;
	margin-top: 24px;
	}
.comment_right{
	width: 50%;
	float: right;
	padding-top: 30px;
	text-align: right;
	padding-right: 30px;
	}
.comment_right ul{
	margin:0;
	padding: 0;
	list-style: none;
	width: 184px;
	float: right;
	}
.comment_right ul li{
	display: inline-block;
	margin-right: 10px;
	}
.comment_right ul li:last-child{
	margin-right: 0;
	}
.comment_right ul li a{
	display: block;
	font-size: 18px;
	color: #ffffff;
	}
.cmt_left_div{
	padding: 20px 20px 1px 20px;
	background: #ffffff;
	text-align: justify;
	}
ul.comment_part_ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.comment_section{
	width: 100%;
	height: 78px;
	background: #ef4c2b;
	margin-top: 20px;
	position: relative;
	}
.corner_bg{
	display: block;
	position: absolute;
	width: 78px;
	height: 78px;
	top: 0;
	left: 0;
	background: #333333;
	}
.glyphicon-comment{
	color: #fff;
	font-size: 2.5rem;
	position: absolute;
	top: 26px;
	left: 24px;
	}
.author_name{
	float: left;
	color: #FFF;
	margin-left: 106px;
	font-size: 18px;
	margin-top: 24px;
	}
.num_cmt_nested{
	margin-top: 0;
	background: #ffffff;
	}
.nested_main_comment{
	margin-top: 0;
	background: #e9e9e9;
	padding: 20px;
	color: #999999;
	margin-left: 78px;
	max-width: 946px;
	}
.num_cmt_nested_2{
	margin-top: 0;
	background: #ffffff;
	margin-left: 78px;
	max-width: 946px;
	}
.nested_main_comment2{
	margin-top: 0;
	background: #e9e9e9;
	padding: 20px;
	color: #999999;
	margin-left: 156px;
	max-width: 868px;
	}
.num_cmt_nested{
	margin-top: 0;
	background: #ffffff;
	}
.nested_main_comment{

	margin-top: 0;
	background: #e9e9e9;
	padding: 20px;
	color: #999999;
	margin-left: 78px;
	max-width: 946px;
	}
#form{
	margin-top: 50px;
	}
.avater{
	background: #fff url(../images/avater.png) no-repeat!important;
	}
.email-input{
	background: #e9e9e9 url(../images/email.png) no-repeat!important;
	}
.network{
	background: #fff url(../images/network.png) no-repeat!important;
	}
.sub_btn{
	background: #ef4c2b url(../images/comment_send.png) no-repeat!important;
	}
.inputfield-comment{
	display: block;
	width: 33.33%;
	background: #fff;
	float: none;
	border: none;
	margin-right: 1%;

	font-size: 13px;
	color: #879cb0;
	margin-bottom: 0;
	padding-left: 106px;
	height: 70px;
	overflow: hidden;
	}
.inputfieldmessage{
	display: block;
	width: 65.66%;
	background: #fff;
	float: right;
	border: none;
	margin-right: 0;
	font-size: 14px;
	color: #879cb0;
	height: 140px;
	margin-bottom: 20px;
	padding-left: 27px;
	overflow: hidden;
	margin-top: -210px;
	padding-top: 25px;
	}
.inputbtn{
	display: block;
	border: none;

	font-size: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 65.66%;
	color: #fff;
	float: right;
	overflow: hidden;
	height: 70px;
	margin-top: -70px;
	}
input:focus,textarea:focus{
	outline: 0;
	}

	/*=============================
			end blog page 
	=============================*/
.client-area {
    padding-top: 100px;
    padding-bottom: 120px;
}

.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;

-ms-user-select: none;
user-select: none;
min-height: 70px;
}
.owl-carousel .owl-item img{
	vartical-align: middle;
}
#owl-demo .item{
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
#owl-demo2 .item{
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
color: #FFF;
display: inline-block;
zoom: 1;
/*margin: 5px;*/
padding: 0;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #182430;
filter: Alpha(Opacity=50);
opacity: 1;

}

.owl-buttons{
    margin-top: 40px;
	    text-align: center;
		z-index:99!important;
	position: absolute;
    bottom: -90px;
    left: 35%;
		
		
}

.slider-line{
       margin: auto;
	   margin-top:70px;
    border-top: #28CDBF 1px solid;
	z-index:-1!important;
}


.envelopes {
     position: relative;
    /* width: 469px; */
    /* top: -25px; */
    left: 15%;
 
}
.centerText {
text-align: center;
}
.envelopes .handwrittenFont {
  font-size: 12px;
    letter-spacing: 0px;
    -webkit-font-smoothing: antialiased;
    font-style: italic;
    font-weight: bold;
}
.envelopes .envelopeIn {
  position: absolute;
  top: 190px;
  left:0;
}

.envelopes .envelopeOut {
  position: absolute;
  left: 0px;
  top: 190px;
}

.envelopes .envelopeOutTop {
  z-index: 1;
  display: block;
  position: relative;
}

.envelopes .envelopeOutTop img  {
 
  width:520px!important;
}
 

.envelopes .envelopeOutBottom {
  z-index: 15;
  display: block;
  position: relative;
}
.envelopes .envelopeCover {
  position: absolute;
  top: 3px;
}
/* letter */
.envelopes .letterWrapper {
  overflow: hidden;
  width: 401px;
  height: 400px;
  position: absolute;
  left: 40px;
  top: 68px;
  
  -webkit-transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
  transition:all 400ms ease;
}
.envelopes:hover .letterWrapper {
	top:0;
}
.envelopes .letterWrapper .letter {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  color: #464646;
}
/* letter - form elements */
.envelopes .letterWrapper .letter input,
.envelopes .letterWrapper .letter textarea {
  overflow: hidden;
  width: 100%;
  position: absolute;
  z-index: 1;
  border: 0;
  margin: 0;
  padding: 0;
  /*    background-color: #fffffbb5; */

  background: #000000 transparent;
  background-color: rgba(255, 255, 255, 0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";
  /* IE 8*/

  color: #3B90E4;
  font-size:13px;
  line-height:25px;
  font-style:italic;
}
.envelopes .letterWrapper .letter .text input,
textarea:focus {
  outline-width: 0;
  outline: 0;
}
/* letterBackground */
.envelopes .letterWrapper .letter .letterBackground {
  position: absolute;
  line-height: 0;
}
.envelopes .letterWrapper .letter .letterBackground .shape {
  background-color: #fffab5;
  width: 391px;
  height: 250px;
}
/* letterContent */
.envelopes .letterWrapper .letter .letterContent {
  width: 339px;
  position: relative;
  left: 25px;
  top: 28px;
}
.envelopes .letterWrapper .letter .letterContent .lineWrapper {
  display: table;
}
.envelopes .letterWrapper .letter .letterContent .dearadg {
  font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;
    color: #E74C3C;
}
.envelopes .letterWrapper .letter .letterContent .line {
  display: table-row;
  line-height:30px;
}
.envelopes .letterWrapper .letter .letterContent .line .text {
  display: table-cell;
  white-space: nowrap;
}
.envelopes .letterWrapper .letter .letterContent .line .textFillWidth {
  width: 100%;
}
 .envelopes .letterWrapper .letter .letterContent .line .text .textContentWrapper {
  position: relative;
  margin-right: 2px;
}

.envelopes .letterWrapper .letter .letterContent .underline {
  display: inline-block;
  width: 100%;
  position: relative;
  top: 1px;
  height: 1px;
  background-color: #ffde16;
}
.envelopes .letterWrapper .letter .letterContent .exclamationMark {
  display: inline-block;
  position: relative;
  top: -2px;
  left: -10px;
  width: 0px;
}
.envelopes .letterWrapper .letter .letterContent .mailContentContainer {
  width: 100%;
  position: relative;
  line-height: 20px;
  /*   -webkit-font-smoothing: antialiased; */

}
.envelopes .letterWrapper .letter .letterContent .mailContentContainer textarea {
  line-height: 1.3;
  resize: none;
}
/* letterForeground */
.envelopes .letterWrapper .letter .letterForeground {
  z-index: 2;
  width: 339px;
  position: relative;
  left: 25px;
  top: 28px;
}
.envelopes .letterWrapper .letter .letterForeground .mailSendWrapper {
  margin-top: 10px;
}
.envelopes .letterWrapper .letter .letterForeground .mailSendWrapper .mailSendContainer button {
  position: relative;
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  border: 0;
  border-radius: 17px;
  margin: 0;
  padding: 0;
  background-color: #E74C3C;
  color: white;
  text-align: left;
  font-size: 16px;
  margin-top: 5px;
}
.envelopes .letterWrapper .letter .letterForeground .mailSendWrapper .mailSendContainer button:hover {
	background-color:#2383b2;
}
.envelopes .letterWrapper .letter .letterForeground .mailSendWrapper .mailSendContainer button .text {
  margin-left: 14px;
}
.envelopes .letterWrapper .letter .letterForeground .mailSendWrapper .mailSendContainer button img {
  margin-bottom: -1px;
  margin-left: 9px;
  margin-right: 9px;
}
.envelopes .letterStatus {
  z-index: 2;
  width: 100%;
  position: absolute;
  top: 156px;
}
.envelopes .letterStatus .info {
  color: #464646;
  font-size: 28px;
}
.envelopes .letterStatus .goBack {
  display: inline-block;
  width: 100px;
  cursor: pointer;
  margin-top: 7px;
  color: #83bf25;
  font-size: 19px;
}
.envelopes .letterStatus .goBack img {
  margin-bottom: -2px;
}
.envelopes .letterStatus .goBack img.over {
  background-color: #bef0f0;
}
/* .page4 .envelopes .letterWrapper .letter { */
/*   display: none; */
/* } */
.envelopes .letterSending {
  display: none;
}
.envelopes .letterSent {
  display: none;
}
 .envelopes .letterError {
  display: none;
}



@media (max-width:990px){
	.envelopes .envelopeOut{
		position:static;
	}
	.envelopes .envelopeCover{
		position:static;
	}
}


.getInTouch {
    position: relative;
    left: 0px;
    top: 130px;
}



.navbar-default {
    border-color: transparent;
    background-color: #323844;
}

.navbar-default .navbar-brand {
    color: #fed136;
}

.navbar-default .navbar-brand {
    float: left;
    height: auto;
    padding: 15px 5px;
    font-size: 18px;
    line-height: 20px;
}

#hello .navbar {
     min-height: 50px; 
     margin-bottom: 0px; 
  
}

.logo{
	
}

.logo img{
	width:65%;
	padding:20px 0px 0px 0px;
	
}



.navbar-default .navbar-brand img{
	width:30%;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #fec503;
}


.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
	margin-top: 30px;
	width: 100%;
}

.navbar-default.navbar-collapse .navbar-shrink {
   margin-top: 0px;
}

.navbar-default .navbar-toggle {
    border-color: #fed136;
    background-color: #fed136;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #E74C3C;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
	    padding: 6px 10px;
    margin-left: 10px;
}

.navbar-shrink.navbar-default .nav li a{
	
    color: #424242;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
   border-radius: 0;
    color: #fff;
    background-color: #ef4c2b;
	    border-radius: 40px;
}

.navbar-default .navbar-nav>.active>a{
    border-radius: 0;
    color: #fff;
    background-color: #ef4c2b;
}

.navbar-shrink.navbar-default .navbar-nav>.active>a {
    color: #fff;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #E74C3C;
}

@media(min-width:768px) {
    .navbar-default {
        padding: 0px 0;
        border: 0;
        background-color: transparent;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 40px;
    }

    .navbar-default.navbar-shrink {
        padding: 0px 0;
    background-color: #fbfbfb;
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}

.sticky-logo{
	display:none;
}


.navbar-shrink .logo img {
   display:none;
}

.navbar-shrink .sticky-logo{
	display:block;
	padding:5px 0px;
}

.navbar-shrink .sticky-logo img{
	width:50%;
}


header{
	position:relative;
}
.intro-text {
	position:absolute;
	top:30%;
	left:0;
	color:#FFF;
	text-align:center;
	width:100%;
}

.intro-text .intro-lead-in {
    margin-bottom: 25px;
    font-size: 22px;
    font-style: italic;
    line-height: 22px;
}

.intro-text .intro-heading {
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
}

@media(min-width:768px) {
    .intro-text {
        padding-top: 0px;
        padding-bottom:0px;
    }

   .intro-text .intro-lead-in {
        margin-bottom: 25px;
        font-size: 40px;
        font-style: italic;
        line-height: 40px;
    }

   .intro-text .intro-heading {
        margin-bottom: 50px;
        text-transform: uppercase;
        font-size: 75px;
        font-weight: 700;
        line-height: 75px;
    }
}


.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.swing:hover

{

        -webkit-animation: swing 1s ease;

        animation: swing 1s ease;

        -webkit-animation-iteration-count: 1;

        animation-iteration-count: 1;

}



@-webkit-keyframes swing

{

    15%

    {

        -webkit-transform: translateX(5px);

        transform: translateX(5px);

    }

    30%

    {

        -webkit-transform: translateX(-5px);

       transform: translateX(-5px);

    } 

    50%

    {

        -webkit-transform: translateX(3px);

        transform: translateX(3px);

    }

    65%

    {

        -webkit-transform: translateX(-3px);

        transform: translateX(-3px);

    }

    80%

    {

        -webkit-transform: translateX(2px);

        transform: translateX(2px);

    }

    100%

    {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}

@keyframes swing

{

    15%

    {

        -webkit-transform: translateX(5px);

        transform: translateX(5px);

    }

    30%

    {

        -webkit-transform: translateX(-5px);

        transform: translateX(-5px);

    }

    50%

    {

        -webkit-transform: translateX(3px);

        transform: translateX(3px);

    }

    65%

    {

        -webkit-transform: translateX(-3px);

        transform: translateX(-3px);

    }

    80%

    {

        -webkit-transform: translateX(2px);

        transform: translateX(2px);

    }

    100%

    {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}


/***********HOW WORK**********************/


.how-do-content {
max-width: 1140px;
background: url(../images/work-bg.png) no-repeat;
padding-left: 34px;
margin-top:50px;
}
.how-do-panel {
text-align: center;
max-width: 250px;
margin: auto;
}
.how-upper {
margin-top: -43px;
}
.idea {
margin-left: -83px;
}
.how-lower {
margin-top: 85px;
}
.done{
    margin-top: -39px;
}

.step1-text-left-title {
max-width: 240px;
display: block;
font-size: 18px;
display: block;
margin: auto;
margin-top: 30px;
margin-bottom: 11px;
}
.step1-text-right-title {
position: absolute;
max-width: 240px;
display: block;
font-size: 24px;
display: block;
float: left;
margin-top: 50px;
left: 30px;
}
.step-text-left{
	
	max-width: 295px;
	display: block;
	position: absolute;
	right: 30px;
	text-align: justify;
	color: #777777;
	line-height: 1.5;
	top: 8px;

}
.step-text-right {
max-width: 295px;
display: block;
text-align: center;
color: #777777;
line-height: 1.5;
font-size: 13px;
}

.red-text {
    color: #1abc9c;
}

.red-text {
    color: #fd5f42;
}

.number1 {
    
    font-size: 16px;
    letter-spacing: -2px;
    color: #000;
}

.yellow-text {
    color: #fbb941;
}

.green-text {
    color: #ef4c2b;
}

.dark-green-text {
    color: #2ecc71;
}

.blue-text {
    color: #2b82c9;
}

.light-ovile-text {
    color: #2cca90;
}




/* TABLET LANDSCAPE / DESKTOP */

@media only screen and (min-width: 1224px) {

.how-do-content {

  max-width: 1140px;

  background: url(../images/work-bg.png) no-repeat -2px 3px;

  padding-left: 34px;

}

.idea {

  margin-left: -62px;

}

.how-lower {
    margin-top: 145px;
}


}




/* TABLET LANDSCAPE / DESKTOP */

@media only screen and (min-width: 992px) and (max-width : 1223px) {


/* ---- Mobile App Development -- */



.how-do-content {

  max-width: 1140px;

  background: url(../images/work-bg.png) no-repeat 20px 9px;

  padding-left: 34px;

  background-size: 948px;

}

.idea {

  margin-left: -44px;

}

.how-lower {

  margin-top: 15px;

}

.how-upper {

  margin-top: -31px;

}

.how-we-do-area {

  padding-top: 100px;

  padding-bottom: 45px;

}




}

/* TABLETS PORTRAIT */

@media only screen and (min-width: 769px) and (max-width : 991px) {
	
	
.how-we-do-area {

  padding-top: 80px;

  padding-bottom: 69px;

}

/* ---- Mobile App Development -- */



.how-do-content {

  max-width: 1140px;

  background: none;

  padding-left: 34px;

  background-size: 948px;

}

.idea {

  margin-left: -44px;

  display: none;

}

.how-lower {

  margin-top: 15px;

}

.how-upper {

  margin-top: -31px;

}

.how-we-do-area {

  padding-top: 100px;

  padding-bottom: 45px;

}

.how-upper {

  margin-top: 0px;

}

.step1-text-left-title {

  max-width: 240px;



  display: block;

  font-size: 18px;

  display: block;

  margin: auto;

  margin-top: 9px;

  margin-bottom: 11px;

}

.step-text-right {


  max-width: 295px;

  display: block;

  text-align: center;

  color: #777777;

  line-height: 1.5;

  font-size: 13px;

  margin: 21px;

}

.number1 {

  

  font-size: 16px;

  letter-spacing: -2px;

  color: #000;

  display: none;

}

.de{

display: none;

}
	
}


/* SMARTPHONES LANDSCAPE */

/* SMARTPHONES LANDSCAPE */

@media only screen and (min-width: 481px) and (max-width : 768px){



.how-do-content{

    text-align: center;

}

.step1-text-left-title {

  position: relative;

  max-width: 240px;



  display: block;

  font-size: 24px;

  display: block;

  float: none;

  margin-top: 50px;

  right: 0;

  margin: auto;

}

.number1 {


  font-size: 60px;

  letter-spacing: -2px;

  display: block;

  float: none;

  margin-right: 0;

  margin-top: none;

  text-align: center;

}


.step-text-right {

  max-width: 294px;

  display: block;

   position: relative;  

   left: 0;

  text-align: center;

  color: #777777;

  line-height: 1.5;

  top: 8px;

  margin: auto;

}

.step1-text-right-title {

  position: relative;

  max-width: 240px;


  display: block;

  font-size: 24px;

  display: block;

  float: none;

  left: 0;

  margin: auto;

  margin-top: -175px;

}

.step-text-left {

  max-width: 295px;

  display: block;

   position: relative; 

   right: 0; 

  text-align: center;

  color: #777777;

  line-height: 1.5;

  top: 8px;

  margin: auto;

  margin-top: 170px;

}



/* ---- Mobile App Development -- */



.how-do-content {

  max-width: 1140px;

  background: none;

  padding-left: 34px;

  background-size: 948px;

}

.idea {

  margin-left: -44px;

  display: none;

}

.how-lower {

  margin-top: 15px;

}

.how-upper {

  margin-top: -31px;

}

.how-we-do-area {

  padding-top: 100px;

  padding-bottom: 45px;

}


.how-upper {

  margin-top: 0px;

}

.step1-text-left-title {

  max-width: 240px;


  display: block;

  font-size: 18px;

  display: block;

  margin: auto;

  margin-top: 9px;

  margin-bottom: 11px;

}

.step-text-right {

  max-width: 295px;

  display: block;

  text-align: center;

  color: #777777;

  line-height: 1.5;

  font-size: 13px;

  margin: 21px;

}

.number1 {


  font-size: 16px;

  letter-spacing: -2px;

  color: #000;

  display: none;

}

.de{

display: none;

}



}




/* SMARTPHONES PORTRAIT */

@media only screen and (min-width: 300px) and (max-width : 480px){



.how-we-do-area {

  padding-top: 80px;

  padding-bottom: 69px;

}


.how-do-content{

    text-align: center;

}

.step1-text-left-title {

  position: relative;

  max-width: 240px;



  display: block;

  font-size: 24px;

  display: block;

  float: none;

  margin-top: 50px;

  right: 0;

  margin: auto;

}

.number1 {


  font-size: 60px;

  letter-spacing: -2px;

  display: block;

  float: none;

  margin-right: 0;

  margin-top: none;

  text-align: center;

}

.step-text-right {


  max-width: 294px;

  display: block;

   position: relative;  

   left: 0;

  text-align: center;

  color: #777777;

  line-height: 1.5;

  top: 8px;

  margin: auto;

}

.step1-text-right-title {

  position: relative;

  max-width: 240px;


  display: block;

  font-size: 24px;

  display: block;

  float: none;

  left: 0;

  margin: auto;

  margin-top: -175px;

}

.step-text-left {

  max-width: 295px;

  display: block;

   position: relative; 

   right: 0; 

  text-align: center;

  color: #777777;

  line-height: 1.5;

  top: 8px;

  margin: auto;

  margin-top: 170px;

}


/* ---- Mobile App Development -- */



.how-do-content {

  max-width: 1140px;

  background: none;

  padding-left: 34px;

  background-size: 948px;

}

.idea {

  margin-left: -44px;

  display: none;

}

.how-lower {

  margin-top: 15px;

}

.how-upper {

  margin-top: -31px;

}

.how-we-do-area {

  padding-top: 68px;

  padding-bottom: 45px;

}

.how-upper {

  margin-top: 0px;

}

.step1-text-left-title {

  max-width: 240px;



  display: block;

  font-size: 18px;

  display: block;

  margin: auto;

  margin-top: 9px;

  margin-bottom: 11px;

}

.step-text-right {


  max-width: 295px;

  display: block;

  text-align: center;

  color: #777777;

  line-height: 1.5;

  font-size: 13px;

  margin: 21px;

}

.number1 {


  font-size: 16px;

  letter-spacing: -2px;

  color: #000;

  display: none;

}

.de{

display: none;

}


.done {
  margin-top: -39px;
  display: none;
}

}


.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/loader-64x/Preloader_2.gif) center no-repeat #fff;
}


/*=======================================================
      flow-work
========================================================*/
.flow-work li{
	text-align:center;
	margin-top:30px;
	padding:0 30px;
	list-style:none;
}
.flow-work li .icon{
	height:80px;
	width:80px;
	line-height:80px;
	text-align:center;
	display:inline-block;
	background:#f08d4d;
	border-radius:50%;
	margin-bottom:20px;
}
.flow-work li:nth-child(1) .icon{
	background:#f08d4d;
}
.flow-work li:nth-child(2) .icon{
	background:#fad97f;
}
.flow-work li:nth-child(3) .icon{
	background:#f67656;
}
.flow-work li:nth-child(4) .icon{
	background:#90dea9;
}
.flow-work li h6{
	font-weight:normal;
	font-size:15px;
	margin:20px 0;
}

.padding-right-50 {
    padding-right: 50px !important;
}

.padding-left-50 {
    padding-left: 50px !important;
}



.p_0{
	padding:0px;
}

.flow{
	margin-top:50px;
	margin-bottom:30px;
	width:100%;
	text-align:center;
}

.w-bx{
	width:100%;
	height:170px;
	display: table;
}

.num{
	font-size:24px;
	display:inline-block;
	border-radius:100%;
	margin-bottom:10px;
	
}

.num span{
	color:#ef4c2b;
	padding:10px;
	background-image: -webkit-linear-gradient(top, #f4f1ee, #fff);
			background-image: linear-gradient(top, #f4f1ee, #fff);
			border-radius: 50%;
			box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(204,198,197,.5);
			-webkit-transition: all .1s linear;
			transition: all .1s linear;
}

.num span:after{
			color:#e9e6e4;
			content: "";
			display: block;
			font-size: 30px;
			height: 30px;
			text-decoration: none;
			text-shadow: 0px -1px 1px #bdb5b4, 1px 1px 1px white;
			position: absolute;
			width: 30px;
		}

.buttonHolder{
  margin:80px auto;
  width:400px;
}


		

		


.w-bx figure{
	padding:10px;
	vertical-align:middle;
    display: table-cell;
}

.w-bx figure img{
	width:100%;
	display:block;
	
}

.wrk-text{
	vertical-align:middle;
    display: table-cell;
}

.wrk-text h1{
	font-size:14px;
	text-transform:uppercase;
	padding:0px 10px;
}



.clr-1{
	background:#f9a823;
}

.clr-2{
	background:#0089d1;
}

.clr-3{
	background:#2c3e50;
}

.clr-4{
    background: #fbfbfb;
}

.clr-5{
	background:#fe1544;
}

.clr-6{
	background:#3CB52D;
}



.clr-white{
	background: #FFF;
}


.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}  

.ftr-links{
	text-align:center;
	margin-bottom:10px;
}

.ftr-links ul{
	margin:0px;
	padding:0px;
}

.ftr-links li{
	list-style:none;
	margin-right:5px;
	display:inline-block;
	line-height:30px;
	color:#FFF;
}
.ftr-links li a{
	color:#FFF;
	font-size:12px;
	font-weight:300;
}
.ftr-links li a:hover{
	color:#E74C3C;
}

.inner-banner{
	background:#323844;
	min-height:250px;
}

.inner-banner img{
	height:250px;
	width:100%;
	background-size:cover;
}

.mobile-show{
	display:none;
}

.mobile-hide{
	display:block;
}

.navbar-header {
    float: right;
}

@media (min-width: 1980px){}

@media (min-width: 1200px){}

@media (max-width: 1199px){}

@media (max-width: 991px){
	.navbar-default .nav li a {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
    padding: 6px 10px;
    margin-left: 0px;
    font-size: 11px;
}
.envelopes {
 -webkit-transform: scale(0.7);
 -moz-transform: scale(0.7);
 -ms-transform: scale(0.7);
 -o-transform: scale(0.7);
 transform: scale(0.7);
 -webkit-transform-origin: left top;
 -moz-transform-origin: left top;
 -ms-transform-origin: left top;
 -o-transform-origin: left top;
 transform-origin: left top;
}

.getInTouch {
    display:none;
}

}

@media (max-width: 767px){
	.logo img {
   width: 45%;
   padding: 10px 0px 10px 10px;
}

.navbar-shrink .sticky-logo img {
    width: 45%;
	padding: 10px 0px 10px 10px;
}

.navbar-toggle {
    margin-top: 30px;
}

.navbar-default .nav li a:hover, .navbar-default .nav li a:focus {
    border-radius: 0;
}

.nav > li {
    margin-bottom: 5px;
}

.mobile-show{
	display:block;
	text-align:center;
}

.mobile-hide{
	display:none;
}

.w-bx {
    width: 100%;
    height: auto;
    display: table;
    padding: 30px 0px 20px 0px;
}

.wrk-text {
    vertical-align: middle;
    display:block;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
    padding: 6px 10px;
    margin-left: 0px;
    font-size: 11px;
}

.owl-buttons {
    position: absolute;
    bottom: -90px;
    left: 15%;
}

.points-st ul{
	margin:0px;
	padding:0px;
}
.points-st li {
    padding-left: 50px;
	text-align:justify;
}
.about-title {
    font-size: 14px;
    line-height: 25px;
    text-align: left;
}
.getInTouch {
    display:none;
}

.envelopes {
 -webkit-transform: scale(0.9);
 -moz-transform: scale(0.9);
 -ms-transform: scale(0.9);
 -o-transform: scale(0.9);
 transform: scale(0.9);
 -webkit-transform-origin: left top;
 -moz-transform-origin: left top;
 -ms-transform-origin: left top;
 -o-transform-origin: left top;
 transform-origin: left top;
}


.envelopes {
 top:20px;
 left:5%;
}

.testimonials-content .client-text {
    font-size: 14px;
}
.testimonials-content {
    margin-bottom: 0;
    padding: 0px 5px 0px 5px;
}

.navbar-header {
    float: none;
}

.add-image-inner-2 {
    right: 15px;
}

section.works {
    padding-top: 0px;
     padding-bottom: 30px;
}

.flow {
    margin-top: 0px;
}
.slider-line {
    border-top: none;

}

.contact-info {
    margin-top: -60px;
}
.contact-info .header {
    margin-top: 20px;
}

}

@media (max-width: 480px){
.logo img {
   width: 45%;
   padding: 10px 0px 10px 10px;
}

.navbar-shrink .sticky-logo img {
    width: 45%;
	padding: 10px 0px 10px 10px;
}

.navbar-toggle {
    margin-top: 30px;
}

.navbar-default .nav li a:hover, .navbar-default .nav li a:focus {
    border-radius: 0;
}

.nav > li {
    margin-bottom: 5px;
}

.mobile-show{
	display:block;
	text-align:center;
}

.w-bx {
    width: 100%;
    height: auto;
    display: table;
    padding: 30px 0px 20px 0px;
}

.mobile-hide{
	display:none;
}




.wrk-text {
    vertical-align: middle;
    display:block;
}

.we-do-heading {
    font-size: 26px;
}

.owl-buttons {
    position: absolute;
    bottom: -90px;
    left: 2%;
}

.points-st ul{
	margin:0px;
	padding:0px;
}

.points-st li {
    padding-left: 50px;
	text-align:justify;
}
.about-title {
    font-size: 14px;
    line-height: 25px;
    text-align: left;
}
.envelopes {
 -webkit-transform: scale(0.6);
 -moz-transform: scale(0.6);
 -ms-transform: scale(0.6);
 -o-transform: scale(0.6);
 transform: scale(0.6);
 -webkit-transform-origin: left top;
 -moz-transform-origin: left top;
 -ms-transform-origin: left top;
 -o-transform-origin: left top;
 transform-origin: left top;
}


.envelopes {
 top:20px;
 left:5%;
}
 .inner_banner {
 background-size:cover;
}
 .envelopes .letterWrapper {
 top:0
}
.getInTouch {
    display:none;
}
.testimonials-content .client-text {
    font-size: 14px;
}
.testimonials-content {
    margin-bottom: 0;
    padding: 0px 5px 0px 5px;
}

.navbar-header {
    float: none;
}

.add-image-inner-2 {
    right: 15px;
}

section.works {
    padding-top: 0px;
     padding-bottom: 30px;
}
.flow {
    margin-top: 0px;
}
.slider-line {
    border-top: none;

}
.contact-info {
    margin-top: -60px;
}
.contact-info .header {
    margin-top: 20px;
}
}
.error{
    font-weight:bold;
    color:#f00;
}