body {
    color: #1dade9;
}
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Fonts
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
@font-face {
    font-family: Gotham-Bold;
    src: url(../fonts/Gotham-Bold.ttf);
}
@font-face {
    font-family: Gotham-Light;
     src: url(../fonts/Gotham-Light.ttf);
}
@font-face {
    font-family: Gotham-Medium;
     src: url(../fonts/Gotham-Medium.ttf);
}
@font-face {
  font-family: "CircularStd";
  src: url("../fonts/CircularStd-Bold.otf");
  font-weight: 100;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/ProximaNova.otf");
}
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Nav
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
.navbar {
    position: relative;
    min-height: 70px;
    margin-bottom: 0px;
    border: 0px solid transparent;
    background-color: #FFF;
}
.navbar-brand {
    float: left;
    height: 68px;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-nav  li .active{
	background: #1dade9;
	color:#fff;
}
.navbar-default .navbar-nav > li > a {
	color: #363636;
	font-size: 14px;
	font-family: "CircularStd";
	margin-left: 4px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	
}
.navbar-default .navbar-nav > li > a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #1dade9;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {
  color: white;
}
.navbar-default .navbar-nav > li > a:hover:before, .navbar-default .navbar-nav > li > a:focus:before, .navbar-default .navbar-nav > li > a:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
}

.i_con {
	padding-left: 73px;
}
.i_con i {
	color:#5b5b5b;
	padding: 25px 10px;
	font-size: 20px;
}
.i_con i:hover {
	background-color:#1DADE9 ;
	color:#fff;
}
.i_con i.active{
	background: #1dade9;
	color:#fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #1dade9;
}
.navbar-default .navbar-toggle {
    border-color: #1dade9;
}
.navbar-toggle {
    margin-top: 16px;
}
.navbar-default .navbar-toggle:hover .icon-bar{
	 background-color:#fff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #1dade9;
}

header {
    background-image: url("../img/header-bg.jpg");
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    text-align: center;
    color: #FFF;
    padding: 100px 0px;
}
header .intro-text {
    padding: 100px 14px 50px;
}
.btn-xl {
    color: #FFF;
    background-color: #F95929;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 3px;
    font-size: 18px;
    padding: 12px 65px;
    border: 5px solid rgba(0, 64, 90, 0.2);
}
.btn-xl:hover{
	color:#fff;
	border: 5px solid rgba(0, 64, 90, 0.2);
	background-color: #F95929;
}
header .intro-text .intro-heading{
	font-size: 48px;
	font-family: Gotham-Medium;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	margin-bottom: 35px;
	line-height: 1;
}
header .intro-text p{
	font-size: 16px;
	font-family: Gotham-Light;
	color: rgb(255, 255, 255);
	line-height: 1.375;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
	margin: 0px 0px 110px;;

}
@media(min-width:0px) and (max-width:767px){
	header {
		padding: 0px;
	}
	header .intro-text {
		padding: 50px 0px;
	}
	header .intro-text .intro-heading {
		font-size: 44px;
    
	}
}	

@media (min-width:768px){
	.intro-text {
		padding-top: 90px;
		padding-bottom: 55px;
	}
	header .intro-text .intro-lead-in{
		font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
		font-style:italic;
		font-size:40px;
		line-height:40px;
		margin-bottom:25px;
		text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
	}
	header .intro-text .intro-heading{
		font-size: 48px;
		font-family: Gotham-Medium;
		color: rgb(255, 255, 255);
		text-transform: uppercase;
		margin-bottom: 25px;
		text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
	}
}
.deatails_wrapper{
	background-color:#fff;
	padding:75px 0px;
}
.deatails_wrapper .detailes_heading {
    text-align: center;
    margin: 0px 0px 80px;
}
.deatails_wrapper .detailes_heading h5 {
	font-size: 12px;
	font-family: Gotham-Bold;
	color: #8d919a;
	font-weight: bold;
	margin-bottom: 20px;
	font-weight: 100;
}
.deatails_wrapper .detailes_heading h5 span{
	background-color: rgb(118, 118, 118);
	color:#fff;
	padding: 2px;
}

.deatails_wrapper .detailes_heading h3{
	font-size: 26px;
	font-family: Gotham-Light;
	color: rgb(29, 36, 39);
	line-height: 1.154;
}
.deatails_wrapper .discript_wrapper{
	background-color:#000;
}
.deatails_wrapper .discript_wrapper h3 {
	font-size: 24px;
	font-family: Gotham-Medium;
	color: rgb(255, 255, 255);
	line-height: 1.167;
	margin: 70px 0px 40px;

}
.deatails_wrapper .discript_wrapper p{
	font-size: 16px;
	font-family: Gotham-Light;
	color: rgb(255, 255, 255);
	line-height: 1.75;
	margin: 0px 0px 79px;
}

.service_wrapper {
    background-color: #F3F3F3;
    padding: 75px 0px;
}
.service_wrapper .service_heading h5{
	font-size: 14px;
	font-family: Gotham-Medium;
	color: rgb(141, 145, 154);
	line-height: 2;
}
.service_wrapper .service_heading h3 {
    font-size: 34px;
    font-family: Gotham-Light;
    color: #323B3E;
    margin: 0px 0px 52px;
}

.Rounded_Rectangle_1_copy_2 {
	border-radius: 5px;
	background-color: rgb(29, 173, 233);
	opacity: 0.302;
	position: absolute;
	left: 591px;
	top: 482px;
	width: 219px;
	height: 61px;
	z-index: 32;
}


.service_wrapper .padd {
    padding: 0px 20px;
}

.tg-service:hover .tg-border-topleft {
    background: rgba(243, 133, 23, 0.6);
	color:#fff;
	-webkit-transition: all 2s;
        transition: all 2s;
}
.tg-service:hover .tg-border-topleft h3 {
	color:#fff;
	-webkit-transition: all 2s;
        transition: all 2s;
}
.tg-service {
    text-align: center;
    position: relative;
    width: 48.6%;
    margin: 20px 0px;
}
.tg-haslayout {
	width: 100%;
	float: left;
	box-shadow: 0px 0px 1px 0px rgb(235, 235, 235);
	border-radius: 3px;
}
.tg-services figure {
    margin: 0px;
}
.tg-sercice-img {
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.tg-sercice-img img {
    display: block;
    width: 100%;
    height: 290px;
	border-radius: 3px;
}
img {
    max-width: 100%;
}
.tg-service .tg-border-topleft {
    padding: 35px;
    position: relative;
    z-index: 2;
    height: 290px;
    background: #FFF none repeat scroll 0% 0%;
}
.tg-displaytable {
    width: 100%;
    height: 100%;
    display: table;
}
.tg-displaytablecell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.tg-service span {
    display: block;
    /* padding: 0px 0px 15px; */
}
.tg-service h3 {
	font-size: 24px;
	line-height: 20px;
	margin: 0px 0px 15px;
	color: rgb(90, 105, 111);
	line-height: 1.25;
	font-family: Gotham-Light;
}
.tg-service hr {
    width: 123px;
    border-color: #C1C1C1;
    border-width: 2px 0px 0px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.Rounded_Rectangle_1 {
	border-radius: 2px;
	background-color: rgb(29, 173, 233);
	opacity: 0.8;
	position: absolute;
	left: 115px;
	top: 1643px;
	width: 362px;
	height: 288px;
	z-index: 64;
}
.app_wrapper{
	background-color:#1dade9;
	padding:50px 0px 0px;
}
.app_wrapper h3 {
	font-size: 42px;
	font-family: Gotham-Light;
	color: rgb(255, 255, 255);
	/* line-height: 0.667; */
	margin-top: 80px;
  
}
.app_wrapper p {
	font-size: 16px;
	font-family: Gotham-Light;
	color: rgb(255, 255, 255);
	line-height: 1.75;
	margin: 50px 0px;
}
.app_button {
    margin: 40px 0px;
}
.big-btn{
	padding: 11px 0px 14px;
	width: 212px;
	margin-top:5px;
}

.big-btn i {
    font-size: 45px;
    margin-right: 0px !important;
}
.big-btn strong{
	font-size: 22px;
	color: #fff;
	line-height: 24px;
}
.big-btn .btn-text{
	margin-top: -4px;
}

.big-btn small{
	font-size: 75%;
	font-family: Gotham-Light;
}
.btn-primary:hover {
    color: #FFF;
    background-color: #286090;
    border-color: #204D74;
}
.btn-primary {
    color: #FFF;
    background-color: #000;
    border-color: #000;
}
.android-btn {
    width: 212px;
    padding: 9px 26px 9px 0px;
    background-color: #000;
    border-color: #000;
}
.android-btn:hover{
	background-color: #272727;
}

.android-btn i{
	font-size: 55px;
}

.android-btn .btn-text{
	margin-top: 0px;
}

.android-btn strong {
    font-size: 22px;
    text-shadow: none;
    color: #FFF;
    line-height: 24px;
}
@media(min-width:768px) and (max-width:991px){
	.app_wrapper h3 {
		margin-top: 0px;
	}
	.app_wrapper p {
		margin: 0px;
	}
	.app_button {
		margin: 21px 0px;
	}
}



/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* search Area
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
.search_wrapper{
	background-image: url("../img/search.png");
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    text-align: center;
    color: #FFF;
    padding: 70px 0px;
}
.search_wrapper h3{
	font-size: 32px;
	font-family: Gotham-Bold;
	color: rgb( 189, 224, 239 );
	margin-bottom: 20px;
}
.search_wrapper p{
	font-size: 24px;
	font-family: Gotham-Light;
	color: rgb( 189, 224, 239 );
	line-height: 0.917;
	margin: 0px 0px 50px;
}
.search_wrapper .input-group {
    
    padding: 0px 50px;
}
.search_wrapper .form-control {
    height: 40px;
    padding: 6px 25px;
    background-color: transparent;
    border: 1px solid #FFF;
}
.search_wrapper .btn-default {
    color: #FFF;
    background-color: #1dade9;
    border-color: #1dade9;
    padding: 9px 32px;
	font-family: Gotham-Medium;
	font-size: 14px;
}

/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Contact Form
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
.form_wrapper{
	background-color: #f3f3f3;
	padding:70px 0px;
}
.form_wrapper h3{

  font-size: 32px;
  font-family: Gotham-Light;
  color: rgb( 50, 59, 62 );
  line-height: 0.688;
  text-align: center;
  margin-bottom:50px;

}
.form_wrapper .form-group {
    margin-bottom: 30px;
}
.form_wrapper textarea.form-control {
    height: 245px;
}
.form_wrapper .form-control {
    height: 50px;
    border-radius: 0px;
}
.form_wrapper .btn-primary {
    color: #FFF;
    background-color: #1dade9;
	border-width:0px 0px 5px;
	border-style:solid;
    border-radius: 0px;
	font-family: Gotham-Medium;
	border-color: #9dd7ef;
	padding: 14px 35px;
}
.form_wrapper .btn-primary:hover{
	border-width:0px 0px 5px;
	border-color: #9DD7EF;
	background-color: #0081FF;
}
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Big Footer
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
.big_footer {
    padding-top: 55px;
	padding-bottom: 55px;
    background-color: #fff;
}
.big_footerhr {
    margin-top: 0px;
    margin-bottom: 90px;
    border-color: #DBDBDB;
}
.footer_content p {
    font-size: 14px;
    font-family: "Proxima Nova";
    color: #000;
    font-weight: 100;
    letter-spacing: 1px;
}
.footer_content address {
	font-size: 20px;
	font-family: "CircularStd";
	color: #21282f;
	margin: 40px 0px;
}
.footer_content h3 {
	font-size: 20px;
	font-family: "CircularStd";
	color: #21282f;
	margin: 40px 0px;
}
.footer_content p a {
	font-size: 14px;
	font-family: "Proxima Nova";
	color: rgb(33, 40, 47);
	font-weight: 600;
}

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

.hvr-pop {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
	-webkit-animation-name: hvr-pop;
	animation-name: hvr-pop;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
.footer_content .map:hover,
.footer_content .form:hover{
	color:#1dade9;
}
.footer_content .facebook:hover{
	color:#3B5998;
}
.footer_content .twitter:hover{
	color:#4099FF;
}
.footer_content .linkedin:hover{
	color:#4875B4;
}
.footer_content .pinterest:hover{
	color:#C92228;
}
.footer_content .dribbble:hover{
	color:#ea4c89;
}
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Footer
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */	
footer {
    background-color: #F95929;
    padding: 30px 0px;
}
footer p{
	margin:0px;
}
footer p a{
	font-size: 13px;
	font-family: "Proxima Nova";
	color: #fff;
	margin:0px;
	letter-spacing: 1px;
	font-weight: 600;
}
footer p a:hover {
    color: #fff;
}
#toTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    display: none;
}
.btn-info2 {
    color: #FFF;
    background-color: #F95929;
    border-color: #E56050;
    padding: 10px 12px;
}

/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Web development Page
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */	
.header_back {
    background-image: url("../img/header_back.jpg");
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    text-align: center;
    color: #FFF;
    padding: 140px 0px 170px;
}
.header_back h3 {
	font-size: 46px;
	font-family: Gotham-Medium;
	color: rgb(255, 255, 255);
	text-align: center;
	margin:0px;
}
/* Web Development */
.web_wrapper{
	background-color:#fff;
	padding:88px 0px;
}
.web_wrapper .text_wrapper {
    padding: 0px 1px 0px 0px;
}
.web_wrapper .text_wrapper h3{
  font-size: 36px;
  font-family: Gotham-Light;
  color: rgb( 50, 45, 45 );
  line-height: 1.111;
  margin:40px 0px;
}
.web_wrapper .text_wrapper p{
  font-size: 16px;
  font-family: Gotham-Light;
  color: rgb( 50, 45, 45 );
  line-height: 1.688;
  margin:0px 0px 60px;

}
/* Project */
.project_wrapper{
	background-color:#f5f5f5;
	padding:90px 0px;
}
.project_wrapper h3{
  font-size: 28px;
  font-family: Gotham-Light;
  color: rgb(50, 45, 45);
  text-align:center;
  margin:0px 0px 60px;
}
.project_wrapper .hover-zoom {
  float: left;
  margin: 0;
  height: 175px;
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
  background-size: 110%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: gray;
  position: relative;
}
.project_wrapper .hover-zoom:hover {
  background-size: 100%;
}
.project_wrapper .heading {
    padding: 12px 18px;
    background-color: #FFF;
	box-shadow: 0px 0px 3px #DDD;
}
.project_wrapper .heading h4 {
    font-size: 16px;
    font-family: Gotham-Medium;
    color: #262F31;
    text-transform: uppercase;
    margin-top: 179px;
}
.project_wrapper .padd{
	padding:15px;
}
.project_wrapper .padd:hover .heading{
	background-color:#1dade9;
	color:#fff;
	-webkit-transition: all 1.5s;
        transition: all 1.5s;
}
.project_wrapper .padd:hover .heading h4{
	color:#fff;
	-webkit-transition: all 1.5s;
        transition: all 1.5s;
}
.project_wrapper .idea {
    background-color: #FFF;
    padding: 40px 40px 50px;
    margin: 77px 0px 0px;
}
.project_wrapper .idea h3 {
	font-size: 34px;
	font-family: Gotham-Light;
	color: rgb(53, 63, 68);
	text-align: center;
	margin: 15px 0px 30px;
}
.project_wrapper .idea p{
	font-size: 18px;
	font-family: Gotham-Light;
	color: rgb(103, 103, 103);
	line-height: 1.333;
	text-align: center;
	margin: 0px 0px 35px;
}
.project_wrapper .btn-primary {
    color: #FFF;
    background-color: #1DADE9;
    border-width: 0px 0px 4px;
    border-style: solid;
    border-radius: 0px;
    font-family: Gotham-Medium;
    border-color: #9DD7EF;
    padding: 10px 30px;
}
.project_wrapper .btn-primary:hover{
	border-width: 0px 0px 4px;
	border-color: #9DD7EF;
	background-color: #0081FF;
}
@media(min-width:767px) and (max-width:991px){
	.web_wrapper .text_wrapper h3 {
		font-size: 25px;
		margin: 0px;
	}
	.web_wrapper .text_wrapper p {
		font-size: 14px;
		margin: 5px 0px;
	}
}
@media(min-width:992px) and (max-width:1200px){
	.web_wrapper .text_wrapper h3 {
		font-size: 32px;
		margin: 0px 0px 25px;
	}
	.web_wrapper .text_wrapper p {
		margin: 0px 0px 25px;
	}
	.project_wrapper .hover-zoom {
		height: 141px;
	}
	.project_wrapper .heading {
		padding: 1px 0px;
	}
	.project_wrapper .heading h4 {
		font-size: 13px;
		padding: 1px 16px;
		margin-top: 150px;
	}
}

footer#footer {
    background: none repeat scroll 0 0 #000;
}
.orange_word{
	color:#F95929;
}

.black-transparent{
	background-color: rgba(0,0,0, 0.7);
	padding-bottom: 0.3em;
	padding-top: 2em;
}