body {


    color: #002d40;


}


/* ------------------------------------------------------------ *\


|* ------------------------------------------------------------ *|


|* 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


|* ------------------------------------------------------------ *|


\* ------------------------------------------------------------ */


.space5 {height:5px;}


.space10 { height:10px;}


.space20 { height:20px;}


.space30 { height:30px;}


.space40 { height:40px;}


.space50 { height:50px;}


.space60 { height:60px;}


.space70 { height:70px;}


.space80 { height:80px;}


.space90 { height:90px;}


.space100 { height:100px;}





.nopadding {


    margin: 0 !important;


    padding: 0 !important;


}








.navbar {


    position: relative;


    min-height: 90px;


    margin-bottom: 0px;


    border: 0px solid transparent;


    background-color: #FFF;


}


.navbar-brand {


    float: left;


    height: 68px;


    padding: 6px;


    font-size: 18px;


    line-height: 20px;


}


.navbar-nav li .active{


	background: #002d40;


	color:#fff !important;


}


.navbar-default .navbar-nav > li > a {


	color: #363636;


	font-size: 14px;


	font-family: Gotham-Bold;


	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: #002d40;


	-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: 35px;


    padding-bottom: 35px;


}





.i_con {


	padding-left: 73px;


}


.i_con i {


	color:#5b5b5b;


	padding: 35px 10px;


	font-size: 20px;


}


.i_con i:hover {


	background-color:#002d40 ;


	color:#fff;


}


.i_con i.active{


	background: #002d40;


	color:#fff;


}





.sn_icon {


	padding-left: 73px;


}


.sn_icon i {


	color:#5b5b5b;


	padding: 0px 10px;


	font-size: 20px;


}


.sn_icon i:hover {	


	color:#fff;


}





.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {


    background-color: #002d40;


}


.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/banners/header.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 100px 50px;


}


.btn-xl {


    color: #FFF;


    background-color: #1dade9;


    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: #0081FF;


}


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:0px 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:#fff;


}


.deatails_wrapper .discript_wrapper h3 {


	font-size: 24px;


	font-family: Gotham-Medium;


	color: #002d40;


	line-height: 1.167;


	margin: 60px 0px 40px;


}


.deatails_wrapper .discript_wrapper h2 {


	font-size: 36px;


	font-family: Gotham-Light;


	color: #002d40;


	line-height: 1.167;


	margin: 50px 0px 40px;


}


.deatails_wrapper li{


  font-size: 16px;


  font-family: Gotham-Light;


  color: rgb( 50, 45, 45 );


  line-height: 1.688;


  margin:0px 0px 10px;


}





.deatails_wrapper .discript_wrapper p{


	font-size: 15px;


	font-family: Gotham-Light;


	color: #656565;


	line-height: 1.75;


	margin: 0px 0px 35px;


}





.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(29, 173, 233, 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: 20px;


	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: right;


    color: #FFF;


    padding: 70px 0px;


}


.search_wrapper h3{


	font-size: 32px;


	font-family: Gotham-Bold;


	color:#fff;


	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 a {color:#fff; text-decoration:none;}


.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: #6C737B;


    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: #1d1d1d;


    padding: 30px 0px;


	color:#fff


}


footer p{
    margin: 0px;
    color: #30B2B7;
    font-weight: normal;
    font-size: small;


}


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: #002d40;


    border-color: #002d40;


    padding: 10px 12px;


}





/* ------------------------------------------------------------ *\


|* ------------------------------------------------------------ *|


|* Web development Page


|* ------------------------------------------------------------ *|


\* ------------------------------------------------------------ */	


.header_back


{


    background-image: url('../img/price_header.jpg');


    background-attachment: scroll;


    background-position: center center;


    background-size: cover;


    text-align: center;


    color: #FFF;


    padding: 120px 0px 120px;


}





.header_back1


{


    background-image: url('../img/visit_back.jpg');


    background-attachment: scroll;


    background-position: center center;


    background-size: cover;


    text-align: center;


    color: #FFF;


    padding: 120px 0px 120px;


}





.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: 24px;
    font-family: Gotham-Light;
    color: rgba(7,56,84,1);
    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 30px;





}


/* Project */


.project_wrapper{


	background-color:#f5f5f5;


	padding:40px 0px;


}


.project_wrapper h3{


  font-size: xx-large;


  font-family: Gotham-Light;


  color: #FF6699;


  line-height: 1.111;


  margin:40px 0px;


}


.project_wrapper .text_wrapper p{


  font-size: 16px;


  font-family: Gotham-Light;


  color: rgb( 50, 45, 45 );


  line-height: 1.688;


  margin:0px 0px 30px;


}


.project_wrapper li{


  font-size: 16px;


  font-family: Gotham-Light;


  color: rgb( 50, 45, 45 );


  line-height: 1.688;


  margin:0px 0px 10px;


}





.project_wrapper1{


	background-color:#fff;


	padding:40px 0px;


}


.project_wrapper1 h3{


  font-size: 36px;


  font-family: Gotham-Light;


  color: #002d40;


  line-height: 1.111;


  margin:40px 0px;


}


.project_wrapper1 .text_wrapper p{


  font-size: 16px;


  font-family: Gotham-Light;


  color: rgb( 50, 45, 45 );


  line-height: 1.688;


  margin:0px 0px 30px;


}





.project_wrapper1 li{


  font-size: 16px;


  font-family: Gotham-Light;


  color: rgb( 50, 45, 45 );


  line-height: 1.688;


  margin:0px 0px 10px;


}





.project_map {


    background-image: url(../img/map.jpg);


    background-attachment: scroll;


    background-position: center center;


    background-size: cover;


    text-align: center;


    color: #FFF;


    padding: 120px 0px 120px;


	height:490px;


}








.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 {


	padding: 0 10px;


}


.project_wrapper .idea h3 {


	font-size: xx-large;


	font-family: Gotham-Light;


	color: rgb(255, 102, 153);


	text-align: left;


	margin: 15px 0px 30px;


}


.project_wrapper .idea p{


	font-size: 16px;


	font-family: Gotham-Light;


	color: rgb(103, 103, 103);


	line-height: 1.8;


}


.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;


	}


}