html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}



::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}







.header_logo{
	width:100%; float:left; padding:10px 0}

.header_logo img {
	width:170px
}



.bnr_text {
	width:100%; float:left;
	padding-top:15px
}

.bnr_text h2 {
	font-size:45px;
	color:#fff; font-weight:300; line-height:55px;
	font-family: 'Raleway', sans-serif;
	margin-bottom:30px; position:relative; padding-bottom:7px
}

.bnr_text h2:before {
	left:0; position:absolute;
	bottom:-10px; height:1px; 
	width:100px;
	background:#08b1ea;
	content:"";
}

.bnr_text h2:after {
	left:0; position:absolute;
	bottom:-12px; height:1px; 
	width:100px;
	background:#08b1ea;
	content:"";
}

.bnr_text h2 span {
	font-weight:bold
}

.bnr_text ul li {
	font-size:16px;
	margin-bottom:25px;
	position:relative;
	padding-left:50px;
	color:#fff
}


.bnr_text ul li:after {
	position:absolute;
	left:0;
	top:0;
	content:"\e013";
	 font-family: 'Glyphicons Halflings';
	 width:30px; height:30px;
	 background:#095e7b;
	 text-align:center;
	 font-size:13px; color:#fff
}

#contact-inner textarea.form-control {
	height:100px
}


@media (max-width:1199px) {
.bnr_form .col-sm-offset-1{
	margin-left:0
}


.bnr_text {
	padding-top:20px; padding-bottom:20px
}

}



@media (max-width:410px) {
	.bnr_text h2{
		font-size:35px; line-height:40px
	}
}



.top_right_email .header-phone ul {
	display:inline; float:right
}



.top_mbno{
	width:100%; float:left
}

.top_mbno ul {
	display:inline;
	float:right; margin-top:24px
}

.top_mbno ul li {
	font-size:15px
}

.top_mbno ul li i {
	color:#08b1ea;
	border:1px solid #08b1ea;
	width:35px; height:35px; text-align:center;
	line-height:34px; margin-right:10px
}




.top_social .social-list li a {
	margin-left:20px; text-align:right
	
}



.top_social .social-list li a i{
	border:0; width:auto; padding-right:0
}


@media (max-width:768px) {
	
	.top_mbno{
   display:none
}

.header_logo {
	text-align:center
}

.header_logo img {
	display:inline
}
	
}

.offer_box{
	width:100%; float:left;
	padding:60px 30px 50px 30px; text-align:center;
	margin-bottom:30px;  transition: all 0.5s ease-in-out;
}

.offer_box:hover{
	background:#136063;  transition: all 0.5s ease-in-out;
}

.offer_box_bg1{
	background:#04516c
}

.offer_box_bg2{
	background:#11bbb2
}

.offer_box_bg3{
	background:#017c81
}


.offer_box_bg4{
	background:#08b1ea
}


.offer_box_bg5{
	background:#30babf
}


.offer_box_bg6{
	background:#1479b5
}


.offer_box_icon{
	width:100%; float:left;
}
.offer_box_icon i {
	color:#fff; width:35px; height:35px; border:1px solid #fff;
	border-radius:50%; font-size:16px; line-height:33px
}

.offer_box_cont{
	width:100%; float:left; padding-top:10px
}

.offer_box_cont h4 {
	color:#fff; margin-bottom:5px
}


.offer_box_cont p {
	color:#fff; opacity:.9
}




@media (max-width:1199px) {
	.offer_box{
		min-height:300px
	}
}

@media (max-width:768px) {
	.offer_box{
		min-height:30px
	}
}



.homeabout_sec{
text-align:center; 
background: rgba(255, 255, 255, 0.95);
width:100%; float:left; padding:80px 30px
}

.homeabout_sec .benefit-heading p {
	padding:0 0 10px 0
}

.homeabout_sec .benefit-heading  .project-text {
	margin-bottom:20px
}


@media (max-width:768px) {
.homeabout_sec .benefit-heading h3 {
	line-height:27px; padding:0
}

.homeabout_sec .benefit-heading h3 span {
	display:block
}

.homeabout_sec{
 padding:100px 30px 80px 30px
}

}


@media (max-width:450px) {
.homeabout_sec .benefit-heading h3 {
	line-height:20px; font-size:35px
}

.homeabout_sec {
	padding-left:0; padding-right:0;
	padding-top: 80px;
    padding-bottom: 70px;
}
.homeabout_sec  .project-text {
	padding-left:0; padding-right:0;
	
}

}

@media (max-width:360px) {

.homeabout_sec  .project-text {
	font-size:12px
}

}



.diownload_or_call{
	width:100%; float:left
}

.home_call_sec{
	width:50%; float:left; text-align:center;
	background:#08b1ea; min-height:250px; padding-top:75px
}

.home_call_sec h5{
	font-size:25px; color:#fff; 	font-family: 'Raleway', sans-serif;
	font-weight:300
}
.home_call_sec h5 span {
	font-weight:bold
}

.home_call_sec p a {
	font-size:30px; color:#fff
}

.home_download_sec{
	width:50%; float:left; text-align:center;
	background:#02a4db; min-height:250px
}

.home_download_sec a {
	padding:20px 60px; background:none;
	color:#fff; border-radius:30px ; font-size:16px;
	border:2px solid #fff; position:relative;
	top:120px;  
	cursor:pointer;
	transition: all 0.5s ease-in-out;
	
}

.home_download_sec a:hover {
	background:#fff; color:#333;
	 transition: all 0.5s ease-in-out;
}

.home_download_sec a:hover span {
	color:#02a4db;
	transition: all 0.5s ease-in-out;
}

.home_download_sec a span {
	color:#fff; margin-right:15px;
	 transition: all 0.5s ease-in-out;
}


@media (max-width:768px) {
	
	.home_download_sec{
	width:100%;
}

.home_call_sec{
	width:100%; 
}
}


@media (max-width:400px) {
	
		.home_download_sec{
	min-height:150px
}

.home_call_sec{
min-height:150px ;
padding-top:40px
}

.home_download_sec a {
	padding:15px 50px; 
    font-size:15px;
	top:63px;  
	
}

.home_call_sec h5{
	font-size:18px; margin-bottom:2px
}

.home_call_sec p a {
	font-size:25px; 
}
	
}





.download_pop{
	width:100%; float:left;
	padding:10px 10px 30px 10px;
	text-align:center;
}

.download_pop h2 {
	font-size:22px; color:#02a4db; 
	margin-bottom:25px; border-bottom:1px solid #e6e6e6; padding-bottom:20px
}

.download_pop p {
	text-align:left; margin-bottom:13px;
	color:#666666; padding:0; line-height:20px
}

.download_pop h2  span{
	margin-right:15px; color:#02a4db
}

.download_form {
	width:100%; float:left; 
}

.phone_input{
	border:1px solid #f1f1f1; 
	width:70%; 
	background:#f1f1f1;
	float:left;
	height:40px;
	padding:0 15px
}

.download_subbtn{
	border:0; 
	width:30%; 
	float:left;
	height:40px;
	padding:0 15px;
	background:#02a4db;
	color:#fff;
	transition: all 0.5s ease-in-out;
}

.download_subbtn:focus,
.phone_input:focus {
	outline:none
}

.close_btn {
	width:30px;
	height:30px; text-align:center;
	background:#02a4db;
	cursor:pointer; color:#fff;
	transition: all 0.5s ease-in-out;
}


.close_btn:hover,
.download_subbtn:hover {
	background:#333;
	transition: all 0.5s ease-in-out;
}

@media (max-width:430px) {
	.download_pop h2{
		font-size:16px
	}
	.download_pop p {
		font-size:12px; 
	}
	
	.download_subbtn{
		width:100%;
	}
	
	.phone_input{
		width:100%;
		margin-bottom:15px
	}
	.download_pop{
	padding:10px 0px 30px 0px;
}
	
}	


.footer_sec{
	width:100%; float:left
}


.footer_contact {
	margin:0; padding:0;
	width:100%; float:left
}

.footer_contact p {
	padding:0; margin:0 0 10px 0;
	color:#dcdcdc
}

.footer_contact li {
	position:relative;
	color:#838383;
	padding-left:30px; margin-bottom:5px
}

.footer_contact li a {
		color:#838383;
}

.footer_contact li span {
	color:#08b1ea; position:absolute;
	left:0;
	top:5px
}


.footer_form {
	width:100%; float:left; padding-top:5px
}

.f_input_row{
	width:100%; float:left
}

.footer_form input {
	width:100%; float:left;
	background:#333;
	color:#fff; padding:0 15px;
	border:0;
	height:40px; margin-bottom:15px
	}

.footer_form textarea {
	width:100%; float:left;
	background:#333;
	color:#fff; padding:15px;
	border:0;
	height:150px;
	margin-bottom:5px
}

.footer_form input.footer_sendbtn {
	float:left; width:150px; 
	background:#08b1ea;
	color:#fff; padding:0 15px;
	border:0;
	height:40px; margin-bottom:15px
	}

footer h5{
	position:relative;
	margin-bottom:40px; display:block;
	
}

footer h5:before {
	width:40px; height:1px;
	background:#08b1ea;
	position:absolute;
	left:0;
	bottom:-10px;
	content:"";
}


footer a:hover  {
	color:#08b1ea; transition: all 0.5s ease-in-out;
}

footer input:focus {
	outline:none
}
footer textarea:focus {
	outline:none
}

footer input.footer_sendbtn:hover  {
	color:#333;
	background:#fff; transition: all 0.5s ease-in-out;
}


@media (max-width:767px) {
	
	.footer_contact {
		padding-top:30px; padding-bottom:50px
	}
	
	.footer_form input.footer_sendbtn {
		margin-top:10px
	}
	
	.footer_form {
		padding-top:40px
	}
}



.bnr_download {
	width:100%; float:left; padding-top:40px
} 
.bnr_download a {
	padding:20px 60px; background:none;
	color:#fff; border-radius:30px ; font-size:16px;
	border:2px solid #fff; position:relative; 
	cursor:pointer;
	transition: all 0.5s ease-in-out;
	
}

.bnr_download a:hover {
	background:#fff; color:#333;
	 transition: all 0.5s ease-in-out;
}

.bnr_download a:hover span {
	color:#02a4db;
	transition: all 0.5s ease-in-out;
}

.bnr_download a span {
	color:#fff; margin-right:15px;
	 transition: all 0.5s ease-in-out;
}

@media (max-width:1199px) {
	
.bnr_download {
 padding-bottom:50px
} 
}

@media (max-width:359px) {
	
.bnr_download a {
	padding:15px 40px; 
	font-size:14px
}
}


.footer_powerd .f-b a img {
	width:85px; opacity:.5; 
		 transition: all 0.5s ease-in-out;
}


.footer_powerd .f-b a img:hover {
	opacity:.8; 
		 transition: all 0.5s ease-in-out;
}









.new_questiontag1{
	width:100%; float:left;
	background:#fff url(../images/.png) no-repeat bottom center;
	padding:100px 0 0px 0
}


.qtag_box1_img{
	width:100%; float:left;
	
}

.qtag_box1_img_float {
	float:left
}

.qtag_box1_img img {
	margin-top:-50px
}

.qtag_box1_float{
	float:right
}


.qtag_box1{
	width:100%; float:left;
	padding-left:30px
	
}

.qtag_box1 h2 {
	font-size:25px;
	color:#666666; 
	margin-bottom:10px; position:relative; 
	padding-top:0px; margin-top:30px; line-height:37px;
	font-weight:400; padding-top:0px;
	font-family:'Raleway', sans-serif;
}

.qtag_box1 h2 .fontlight{
	 color:#00a3da;
	 	font-weight:500; 
		font-size:30px;
	font-family:'Raleway', sans-serif;
}

.qtag_box1 p {
	color:#095e7b;
	font-size:20px;
	line-height:32px;
	margin-bottom:5px;
	font-weight:400;
	font-family:'Raleway', sans-serif;
}




.new_questiontag2{
	width:100%; float:left;
	overflow:hidden;
	background:#f7f7f7 url(../images/.png) no-repeat bottom center;
}

.question_left{
	width:50%; float:left;
	padding-left:50px; 
	padding-right:10px;
	padding-top:80px;
	
}

.question_right{
	width:50%; float:left;
	padding-left:50px
}

.qtag_box2{
	width:100%; float:left;
	margin-bottom:30px; 
}

.qtag_box2 h2 {
	font-size:25px;
	 font-weight:500;
	 text-transform:capitalize;
	margin-bottom:10px; position:relative; 
	padding-left:50px
}

.qtag_box2 h2 span{
	 font-size:18px;  display:block;
	width:35px; height:35px; float:left;
	background:none; border:1px solid #aabfd5;
	color:#333; border-radius:50%; position:absolute;
	left:0;	top:-4px ;text-align:center; line-height:32px;
	
}

.qboxtitle_color1{
	color:#126661
}

.qboxtitle_color2{
	color:#03b0a7
}

.qboxtitle_color3{
	color:#0087b4
}

.qboxtitle_color4{
	color:#126783
}



.qtag_box2 p {
	color:#333;
	font-size:16px;
	line-height:27px;
	padding:0 0 0 50px
}





.new_questiontag33{
	width:100%; float:left;
	text-align:center; padding-bottom:400px; padding-top:70px;
	background:#fff url(../images/bg33.jpg) no-repeat bottom  center ;
	margin-right:516px;
}
.new_questiontag333{
	width:100%; float:left;
	text-align:center; padding-bottom:400px; padding-top:70px;
	background:#fff url(../images/bg333.jpg) no-repeat bottom  center ;
	margin-right:516px;
}


.new_questiontag3 h2 {
	font-size:40px;
	 font-weight:500; color:#08b1ea;
	margin-bottom:10px; position:relative; 
	text-transform:uppercase
}

.new_questiontag3 p {
	color:#848484;
	font-size:18px;
	line-height:27px;
	
}



@media (max-width:1199px) {
	.qtag_box1 h2 {
		margin-top:0;
		font-size:20px
	}
	
	.qtag_box1 h2 .fontlight {
		font-size:24px
	}
	
	.new_questiontag2 {
		padding-bottom:60px
	}
	
	.question_right {
		padding-left:0
	}
	
	.question_left {
		padding-left:20px
	}
	
}


@media (max-width:992px) {
.qtag_box1_img img {
	margin-top:0px
}
.qtag_box1_img  {
	padding-top:20px
}

.question_right {
width:100%; padding-top:30px }
	
.question_left {
		width:100%
	}
	
	.new_questiontag2 {
		padding-bottom:80px
	}

}


@media (max-width:480px) {
	
	
	
	.new_questiontag3 h2 {
		line-height:42px
	}
	.new_questiontag3{
	background:#fff url(../images/bg4.jpg) no-repeat bottom  center ;
}
}




.flow_chartsec {
	width:100%; float:left;
	padding:100px 0 90px 0
}


.flow_chart_box {
	width:100%; float:left;
	padding:30px 20px 20px 20px; background:#4f81bd;
	min-height:100px;
	 text-align:center;
	 position:relative
}

.flow_chart_box span {
	display:block;
	top:0px;
	left:0;
	position:absolute;
	width:30px; height:15px;
	background:#4f81bd; 
	color:#fff;
	
}

.flow_chart_box p {
	color:#fff; font-size:15px;
	padding:0; line-height:22px
}



.flowchart_ul {
		width:100%; float:left;
		text-align:left;
}

.flowchart_ul li {
	display:inline-block;
	width:33%;
	padding:0 15px;  margin-bottom:30px
}



.flowchart_ul h3 {
	font-size:20px;
	color:#525252;
	max-width:100%; width:700px;
	margin-bottom:40px; line-height:35px;
	margin-left:auto; margin-right:auto
}

.flowchart_ul h3 span {
	color:#08b1ea
}

.bg_light{
	background:#eff3f7
}

.li_minheight_set li .flow_chart_box{
	min-height:120px
}



@media (max-width:992px) {
	
	.flowchart_ul li .flow_chart_box {
		min-height:120px
	}
	
	.flowchart_ul li {
		width:49%
	}
}



@media (max-width:550px) {
	
	.flowchart_ul li .flow_chart_box {
		min-height:10px; padding-bottom:35px
	}
	
	.flowchart_ul li  {
		width:100%
	}
	
	
.flow_chartsec {
	padding:60px 0 60px 0
}
	
}




.flow_bg {
	background:#fff url(../images/in.jpg) center bottom no-repeat}


.flow_bg2 {
	background:#fff url(../images/in2.jpg) center bottom no-repeat}


.tg-header{
	overflow: visible;
	position: fixed;
    z-index: 999;
    background: #fff;
}
.tg-topbar{
z-index: 2;
overflow: visible;
             position: relative;
}
.tg-haslayout.sec-dw {
    background:url(../images/parallax/down-banner.jpg) no-repeat;
    background-size:cover;
    width: 100%;
    min-height: 223px;
    height: 100%;
}
.tg-haslayout{

width:100%;
float:left;
overflow: hidden;
}
.tg-navigationarea{
width: 100%;
float: left;
padding: 11px 0;
position: relative;
}
.tg-logo{
 float: left;
position: relative;
  z-index: 99999;
 width: 170px;
 left: -14px;
top: 2px;
}
.tg-navigation > ul > li{
float: left;
padding: 20px 40px 20px 0;
}
.tg-navigation{
width: 100%;
float: left;
padding: 0;

}