/* 01 : Website Global CSS BOF
========================================================== */
body { background:#ffffff; font-family: Questrial; font-size:16px; line-height:30px; color:#333333;height: 100%;}	
*, html { margin:0px; padding:0px;  }
a { color:#0c5189; } /* Common color hyperlink */
a:hover, a:focus, a:active { color: #161616; text-decoration:none; } /* Common hover color hyperlink */
a, *:hover, *:focus, *:active :focus { text-decoration:none; outline:none !important; outline-offset:0 !important; }
a img, img { border:none; outline:none !important; outline-offset:0 !important; opacity:1; }
ul { list-style:none; margin:0; padding:0; } 
ul li { display:inline-block; line-height:1.5; }
i { font-family:'FontAwesome'; } 
img { height:auto; max-width:100%; vertical-align: middle; line-height:normal; } /*Same class available in Boostrap (.img-responsive)*/
iframe { border:medium none; outline:none; }

    /* Browser Selection CSS BOF */
	::selection { background:#081129; color:#fff; } ::-moz-selection { background:#081129; color:#fff; } ::-webkit-selection { background:#081129; color:#fff; }    		
   		::-o-selection { background:#081129; color:#fff; } ::-ms-selection { background:#081129; color:#fff;  }

/* 02 : Global Classes CSS BOF
==================================================== */	
.center-items * { text-align:center; margin-left:auto; margin-right:auto; display:block; } 
.center-block { text-align:center; } 
.text-justify { text-align:justify; }
.block { display:block; }
.style-none { background:transparent; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-radius:0px; -moz-border-radius:0px; 
	-webkit-border-radius:0px; border:medium none; }
.cover-bg { background-repeat:no-repeat; background-position:center 0; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; 
	-o-background-size:cover; -ms-background-size:cover; }	
.shadow-none { box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; }
.radius-none { border-radius:0px !important; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; }
.border-none { border:medium none !important; }
.text-transform  { text-transform:uppercase !important; }
.none-transform { text-transform:none !important; }
.pos-relative { position:relative; }
.overflow { overflow:hidden; }
.transition { transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; 
	-o-transition:all 0.8s ease-in-out 0s; -ms-transition:all 0.8s ease-in-out 0s; }

/* Background & Color Style CSS BOF
=================================================== */
/* Font Color Style CSS BOF */
.white-color-text { color:#fff; }

/* Background Color Style CSS BOF */
.white-color-bg { background:#fff; }
.black-color-bg { background:#0e0e0e; }
.blue-color-bg { background:#0c5189; }

/* 03 : Heading Style CSS BOF
=================================================== */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1{font-family: Cabin, 'Helvetica Neue', Helvetica, Arial, sans-serif; }
h1 { font-size:100px;}
h2 { font-size:46px; }
h3 { font-size:24px; }
h4 { font-size:20px;}
h5 { font-size:18px;} 	
h6 { font-size:16px; }


/* 04 : Paragraph Style CSS BOF
=================================================== */
p { padding:0px; margin:0; text-align:center; }

/* 09 : Maring & Padding Style CSS BOF
=================================================== */	
/* Margin Style CSS BOF */
.mrg-left-right { margin-left:20px; margin-right:20px; } 
.mrg-top-bottom { margin-top:20px; margin-bottom:20px; }
.mrg-top { margin-top:35px; }
.mrg-bottom { margin-bottom:30px;}

/* Padding Style CSS BOF */
.pad-left-right { padding-left:20px; padding-right:20px; } 
.pad-top-bottom { padding-top:20px; padding-bottom:20px; }
.no-pad {padding: 0;}
/* Header CSS BOF
=================================================== */

.carousel, .item, .active {height: 100%;}
.carousel-inner { height: 100%;}
/* Background images are set within the HTML using inline CSS, not here */
.masthead {display: table;width: 100%;height: 100vh;text-align: center;color: #fff;background: url(../images/intro-bg.jpg) no-repeat bottom center scroll;background-color: #000;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover}
.masthead .intro-body {display: table-cell;vertical-align: middle}
.masthead .intro-body .intro-text {font-size: 18px;margin:25px 0;}
.masthead .intro-body .intro-text span {color:#00b9f5 ;font-weight:bold;}
.brand-heading{letter-spacing:5px; text-transform: uppercase;}
.btn-circle {width: 70px;height: 70px;position:absolute;left:0;right:0; margin:0 auto;margin-top: 15px;border: 2px solid #fff;border-radius: 100% !important;font-size: 40px;color: #fff;background: 0 0;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out; display:block;}
.btn-circle:focus, .btn-circle:hover {outline: 0;color: #fff;background: rgba(255,255,255,.1);}
.navbar-nav li a{color:#fff; text-transform:uppercase; padding:10px 15px;}
.navbar-nav{margin-top:5px;}
.margin-top{margin-top:13px;}
.navbar-nav li a:hover{color:#00b9f5 ; background:none;}
.navbar-nav li.active a{color:#00b9f5 ; }
.navbar-nav li.active a.start_work{color:#fff;}
.carousel-control{z-index:1030;}
.navbar-custom {padding: 20px 0;border-bottom: none;letter-spacing: 1px;background: 0 0;-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;transition: background .5s ease-in-out,padding .5s ease-in-out; z-index:1031}
.navbar-custom {margin-bottom: 0;/*border-bottom: 1px solid rgba(255,255,255,.2);*/}
.navbar-custom.top-nav-collapse {background: #081129  none repeat scroll 0 0;border-bottom: 1px solid rgba(255, 255, 255, 0.3);padding: 10px 0;}
.navbar-brand{padding:0; height:auto;}
.nav > li > a:hover, .nav > li > a:focus{background:none;}
.start_work{ background:#00b9f5  ; color:#fff; font-weight:bold; border-radius:5px; font-size:16px; padding:15px 15px !important;}
.start_work:hover{background:#fff !important; color:#ff1313;}
.heading h6 {
    line-height: 24px;
	font-size:18px;
	text-align: justify;
}

h1.brand-heading {
  font-family: Cabin, 'Helvetica Neue', Helvetica, Arial, sans-serif; 
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  animation: 
    typing 3.5s steps(35, end),
    blink-caret 1s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange }
}

section{padding:70px 0;}
.service{background:#00b9f5;}
.service .heading h2{color:#081129; font-weight:bold; position:relative;}
.service .heading h2:after{content:''; display:block; width:80px; height:8px; background:#081129;position:absolute; top:70px; left:0;}
.service .heading h6{color:#081129; margin-top:50px; }
.service .service_content{margin-top:25px; cursor:pointer}
.service_content h3{margin-top:10px; text-align:center;}
.service_content h3 a{color:#081129; font-size:22px}
.service_content:hover  img{transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);}
.service_content img{transition: all 0.9s ease-in-out 0s; -webkit-transition: all 0.9s ease-in-out 0s; -moz-transition: all 0.9s ease-in-out 0s; -o-transition:all 0.9s ease-in-out 0s; -ms-transition:all 0.9s ease-in-out 0s;}



.portfolio .heading h2{color:#081129; font-weight:bold; position:relative;}
.portfolio .heading h2:after{content:''; display:block; width:80px; height:8px; background:#081129;position:absolute; top:70px; left:0;}
.portfolio .heading h6{color:#081129; margin-top:50px;}

.filter_nav .btn{ background:none; font-size:16px;color:#081129; font-weight:bold; letter-spacing:1px; position:relative; margin-right:15px; text-align:left; 
padding:10px 15px 10px 4px; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; 
-o-transition:all 0.8s ease-in-out 0s; -ms-transition:all 0.8s ease-in-out 0s;}
.filter_nav .btn::after {bottom: 0;content: "";height: 4px;position: absolute;right: 0;width: 0;background-color:#00b9f5 ;transition: all 0.9s ease-in-out 0s; -webkit-transition: all 0.9s ease-in-out 0s; -moz-transition: all 0.9s ease-in-out 0s; -o-transition:all 0.9s ease-in-out 0s; -ms-transition:all 0.9s ease-in-out 0s;}
.filter_nav .btn:hover::after {left: 0;right: auto;width: 100%;}
.filter_nav .btn:hover{color:#00b9f5 ;}
.filter_nav .btn.active{color:#00b9f5; background:none; box-shadow:none;}

.filter_nav .active::after {bottom: 0;content: "";height: 4px;position: absolute;right: 0;width: 0;background-color:#00b9f5 ;transition: all 0.9s ease-in-out 0s; -webkit-transition: all 0.9s ease-in-out 0s; -moz-transition: all 0.9s ease-in-out 0s; -o-transition:all 0.9s ease-in-out 0s; -ms-transition:all 0.9s ease-in-out 0s; left:0; right:0; width:100%;}

.port-content{margin-top:25px;}
.port-content .filter_nav{margin-bottom:20px;}
.thumbnail{position:relative; display:block; overflow:hidden; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; cursor:pointer;}
.thumbnail a{position:relative;  }
.thumbnail .overlay{position:absolute; top:0; left:0; right:0; bottom:0;  transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s;}
.thumbnail:hover .overlay{background:rgba(0,185,245, 0.7); color:#fff;}
.thumbnail:hover img{  filter:blur(1px);}
.thumbnail .overlay .text{bottom: 10px;
 transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s;
    left: 5px;
    margin-right: 30px;
    position: absolute;}
.thumbnail .overlay .text h3{text-transform:uppercase; font-size:22px; font-weight:bold; letter-spacing:1px; background:rgba(0,185,245, 0.8); color:#fff; padding:13px 10px; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s;}
.thumbnail .overlay .text h6{opacity:0; margin-top:5px;  transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; margin-left:10px; font-size:16px;}
.thumbnail:hover .text{transform:translateY(-20px)}
.thumbnail:hover .text h6{opacity:1;}
.thumbnail:hover .text h3{background:#081129;}


.testimonial_content .heading h2{color:#fff; font-weight:bold; position:relative;}
.testimonial_content .heading h2:after{content:''; display:block; width:80px; height:8px; background:#fff;position:absolute; top:70px; left:0;}
.testimonial_content .heading h6{color:#fff; margin-top:50px;}

.testimonial_content{background:url(../images/test_bg1.jpg); background-attachment:fixed;}
.testimonial{ margin: 60px 20px 40px;}
.testimonial .testimonial-content{padding: 35px 25px 35px 50px;margin-bottom: 35px;background: #fff;border: 1px solid #f0f0f0;position: relative;}
.testimonial .testimonial-content:after{content: "";display: inline-block;width: 20px;height: 20px;background: #fff;position: absolute;bottom: -10px;left: 22px;transform: rotate(45deg);}
.testimonial-content .testimonial-icon{width: 50px;height: 45px;background: #081129;text-align: center;font-size: 22px;color: #fff;line-height: 42px;position: absolute;top: 37px;left: -19px;}
.testimonial-content .testimonial-icon:before{content: "";border-bottom: 16px solid rgba(8,17,41,0.8);border-left: 18px solid transparent;position: absolute;top: -16px;left: 1px;}
.testimonial .description{font-size: 15px;text-align:left;color: #081129;line-height: 23px;margin: 0;}
.testimonial .title{display: block;font-size: 24px;font-weight: 700;color: #fff;text-transform: capitalize;letter-spacing: 1px;margin: 0 0 5px 0;}
.testimonial .post{display: block;font-size: 14px;color: #081129;}
.owl-theme .owl-controls{ margin-top: 20px;}
.owl-theme .owl-controls .owl-page span{background: #ccc;opacity: 1;transition: all 0.4s ease 0s;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{ background: #ff4242;}
.owl-theme .owl-controls .owl-page span{background: #fff;border: 2px solid #fff;opacity: 1;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span{border: 2px solid #fff;}
.owl-theme .owl-controls .owl-page span{background:#fff !important; border-radius:0!important}

.footer-content{background:#081129; padding:70px 0 00px;}
.quicklink ul li{display:block; line-height:30px;}
.quicklink h4{color:#fff; text-transform:uppercase; font-weight:bold; letter-spacing:1px; margin-bottom:30px;  margin-top: 3px;}
.quicklink ul li a{color:#00b9f5 ; letter-spacing:1px;}
.contact_form h4{color:#fff; text-transform:uppercase; font-size:30px; font-weight:bold;}
.contact_form h4 span{color:#00b9f5 ; text-decoration:underline; line-height:0;}

.contact_form form{margin-top:35px;}
.form-group {margin-top: 15px;margin-bottom: 0;}
.margin_top_50{margin-top:50px;}
.form-control {border: 1px solid #9b9b9b;border-radius: 0;box-shadow: none;color: #9b9b9b;display: block;font-size: 16px;font-weight: 300;height: auto;padding: 15px 12px;width: 100%; border-radius:5px;}
textarea.form-control {height: 200px;}
.form-control:focus {border-color: #00b9f5 ;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(234, 32, 90, 0.6);outline: 0 none; background:transparent}
.contact_form .btn { background:#00b9f5 ; width: 100%; border-radius:0; color:#fff; padding:13px 0; text-transform:uppercase; font-size:20px; display:inline-block; font-weight:bold; letter-spacing:1px; border-radius:5px;  transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s;}
.contact_form .btn:hover{color:#00b9f5 ; background:#fff;}

.quicklink ul li i{width:20px;}
.margin-bottom_none{margin-bottom:0 !important;}
.address{margin-top:20px;}
.address p{color:#00b9f5 ; margin-top:15px;}
.social{margin-top:15px;}
.social li {display:inline-block !important;}
.social li a{font-size:28px; margin-right:15px; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s;}
.social li a:hover{color:#fff;}
.footer_bottom{background:#060c1d; margin-top:30px; padding:10px 0;}
.footer_bottom p{color:#fff;}
.back-top #toTop { background: #00b9f5 none repeat scroll 0 0;bottom: 20px; height: 50px; position: fixed; right: 30px; border-radius:50%; width: 50px; z-index: 50;color:#fff;border:3px solid #fff;}
.back-top i{font-size:24px; margin-top:10px; color:#fff;}
.slider-inner h2{font-family: Cabin, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#fff;}
.slider-inner p{color:#fff; font-size:16px; line-height:normal;}