/*@import url(https://fonts.googleapis.com/css?family=Bree+Serif);*/

@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800');

body { 

    font-family: 'Open Sans', sans-serif;

    -webkit-font-smoothing: antialiased;

    -webkit-text-size-adjust: 100%;	

    cursor:default;

    color: #333;

    font-size: 14px;

    line-height: 24px;

    background-color: #fff;

    font-weight: 400;

}



*,

*:before,

*:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

:focus {

    outline: 0 !important

}



iframe {

    border: none;

    width:100%;

}

::selection {

    background: #fefac7; /* Safari */

    color: #555555;

}

::-moz-selection {

    background: #fefac7; /* Firefox */

    color: #555555;

}

strong,b{

   font-family: 'Open Sans', sans-serif;

    font-weight: 400;

}

span.text-bg{

    padding: 0px 5px;

    background-color: #f99200; 

    color:#fff;

    line-height: 10px;

}

span.text-color{

    color:#f99200;

}

label{

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

    color:#777;

}

p.dropcap:first-letter{

    display: block;

    float: left;

    font-size: 50px;

    line-height: 51px;

    margin: -1px 8px -2px 0; 

    color:#f99200;

    font-family: 'Open Sans', sans-serif;

}

input,

button,

select,

textarea {

	font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    font-weight: 400;

}

a {

    color: #000;

    -webkit-transition: all 200ms ease-in;

    -o-transition: all 200ms ease-in;

    -moz-transition: all 200ms ease-in;

    font-family: 'Open Sans', sans-serif;

}

a:hover,

a:focus {

    color: #f99200;

    text-decoration: none;

}

.colored-text{

    color:#f99200;

}

/* Headings */

h1, h2, h3, h4, h5, h6 {

    color: #000;

    font-weight: 600;

    margin: 0;

   font-family: 'Open Sans', sans-serif;

}



h1 {

    font-size: 3.2em;

    line-height: 44px;

    margin: 0 0 44px 0;

}



h2 {

    font-size: 2.6em;

    font-weight: 600;

    line-height: 42px;

    margin: 0 0 32px 0;

}



h3 {

    font-size: 1.8em;

    font-weight: 600;

    letter-spacing: normal;

    line-height: 24px;

    margin-bottom: 33px;

}



h3.heading{

    border-bottom: 1px solid #E5E5E5;

    color: #4e4e4e;

    font-size: 16px;

    margin: 0 0 25px;

    padding-bottom: 10px;

    position: relative;

    text-transform: capitalize;

    font-weight: 600;

}

h3.heading:before {

    position: absolute;

    content: "";

    height: 1px;

    background: #f99200;

    width: 90px;

    bottom: -1px;

    left: 0px;

}

h4 {

    font-size: 1.4em;

    font-weight: 400;

    letter-spacing: normal;

    line-height: 27px;

    margin: 0 0 14px 0;

}



h5 {

    font-size: 1em;

    font-weight: 400;

    letter-spacing: normal;

    line-height: 18px;

    margin: 0 0 14px 0;

}



h6 {

    color: #333;

    font-size: 1em;

    font-weight: 400;

    letter-spacing: normal;

    line-height: 18px;

    margin: 0 0 14px 0;

}



p {

    color: #777777;

    line-height: 24px;

    margin: 0 0 20px;

}



.divide30 {

    width: 100%;

    height: 30px;

}



.divide40 {

    width: 100%;

    height: 40px;

}



.divide50 {

    width: 100%;

    height: 50px;

}



.divide60 {

    width: 100%;

    height: 60px;

}



.divide70 {

    width: 100%;

    height: 70px;

}



.divide80 {

    width: 100%;

    height: 80px;

}



.margin10{

    margin-bottom: 10px;

}

.margin20{

    margin-bottom: 20px;

}

.margin30{

    margin-bottom: 30px;

}

.margin40{

    margin-bottom: 40px;

}









.navbar-default {

    font-family: 'Open Sans', sans-serif;

    border:none;

    border-radius: 0;

    margin-bottom: 0;

    width:100%;

    min-height: 80px;

    padding: 15px 0;

    box-shadow: -1px 1px 1px rgba(0,0,0,0.1);
    background:#fff;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

}



.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {

    color: #ff0000 !important;

    background-color: transparent;

}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {

    color: #ff0000 !important;

    background-color: transparent;

}

.navbar-brand{

    font-weight: 800;

    color:#fff !important;

    font-size: 30px;

    line-height: 14px;

}

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

    color: #fff;

    font-weight: 400;

    font-size: 15px;

}

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

    color: #ff0000;



}



.navbar-default.trans-before{

    background-color:transparent;

    box-shadow: none;

    width:100%;

}

.navbar-default.trans-after{

    background: #3A432D; /*C8D9AF 3A432D*/

    border: 0;

    width: 100%;

    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

}

@media(max-width:767px){

    .navbar-default.trans-before {

        background-color: #3A432D !important;

        border: 0 !important;

        text-align: center;

        width:100%;

        -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

    }  

}

.navbar-default.trans-before li a{

    color:#fff;

}

.navbar-default.trans-before .navbar-brand{

    color:#fff; !important;

}

.one-page-static-wrap{

    /*background: url(../img/Technology-and-telecom.jpg);*/
	background: url(../img/3.jpg);

}

.one-page-static-wrap .static-text h1{

    text-align: center;

    padding: 250px 0;

    color:#fff;

    margin: 0;

    font-weight: 800;

    line-height: 60px;

    text-transform: uppercase;

}

@media(max-width:767px){

    .one-page-static-wrap .static-text h1{

        padding: 150px 0;

    }

}

.navbar-brand span{

    font-size: 10px;

    vertical-align: middle;

    text-transform: uppercase;

    font-family: 'Open Sans', sans-serif;

}


.parallax {

    background-position: 0 0;

    background-repeat: no-repeat;

    background-size: 100% auto;

    width: 100%;

    background-size: cover;

    background-attachment: fixed;



}




.service-box h4 i{

    margin-right: 10px;

    color:#ff0000;

    font-size: 27px;

}



.process-rounded{

    background: url(../img/process.jpeg);

    padding: 50px 0;

}

.process-rounded h3{

    color:#fff;

    margin-bottom: 50px;

}

.process-box{

    text-align: center;

}

.process-box i{

    width:90px;

    height: 90px;

    line-height: 90px;

    font-size: 54px;

    color:#f99200;

    margin-bottom: 20px;

    border: 2px solid #f99200;

    border-radius: 45px;

    -webkit-border-radius: 45px;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}

.process-box:hover i{

    color:#fff;

    background-color: #f99200;

}

.process-box h4{

    color:#fff;

    margin-bottom: 0px;

}



#contact,#services{
    background-color: #f8f8f8;
}








.vacant-button { display:block; text-align:center; font-size:18px; padding:30px 0; cursor:pointer; color:#ffffff; /*text-transform:uppercase;*/}

.vacant-button:hover { background:#3231B; color:#ff0000;}

.vacant-button:after {content: "\f103"; display: inline-block;  font-family:'FontAwesome';  font-size: 18px; margin-left: 16px;  text-decoration: inherit;}

.vacant-button.show-vacant:after {content: "\f102"; display: inline-block;  font-family:'FontAwesome';  font-size: 18px; margin-left: 16px;  text-decoration: inherit;}

.vacant-content p {color: #fff;}

.vacant-content a {color: #f99200;}

.vacant-content a:hover {color: #ff0000;}



.gallery-button { display:block; text-align:center; font-size:18px; padding:30px 0; cursor:pointer; color:#ffffff; }

.gallery-button:hover { background:#3231B; color:#ff0000;}

.gallery-button:after {content: "\f103"; display: inline-block;  font-family:'FontAwesome';  font-size: 18px; margin-left: 16px;  text-decoration: inherit;}

.gallery-button.show-gallery:after {content: "\f102"; display: inline-block;  font-family:'FontAwesome';  font-size: 18px; margin-left: 16px;  text-decoration: inherit;}

.gallery-content p {color: #fff;}

.gallery-content a {color: #f99200;}

.gallery-content a:hover {color: #ff0000;}





.gmap-button { display:block; text-align:center; font-size:18px; padding:30px 0; cursor:pointer; color:#ffffff; /*text-transform:uppercase;*/}

.gmap-button:hover { background:#333; color:#f99200;}

.gmap-button:after {content: "\f103"; display: inline-block;  font-family:'FontAwesome';  font-size: 18px; margin-left: 16px;  text-decoration: inherit;}

.gmap-button.show-map:after {content: "\f102"; display: inline-block;  font-family:'FontAwesome';  font-size: 18px; margin-left: 16px;  text-decoration: inherit;}

.gmap-wrapper{background: #ddd; display: none;}

#google-map-footer {display: none;  height: 500px; width: 100%;}

#google-map { height: 450px; width: 100%;}

#google-map.small-map { height: 300px;}

.map-marker { padding:20px;}

.map-marker p{ margin:0}





/****************************footer************************/



.address-info{

    font-family: 'Open Sans', sans-serif;

}

.address-info li{

    padding: 3px 0;

     color:#969696;

}

.address-info li i{

    color:#f99200;

    margin-right: 5px;

}

.address-info li a{

    color:#969696;

}

.address-info li a:hover{

    color:#f99200;

}



.footer-top{ background:#32313b;}

.footer-top h1, .footer-top h2, .footer-top h3, .footer-top h4, .footer-top h5, .footer-top h6 { color:#fff;}

.footer-bottom{ color:#778899; background:#25242c; padding:40px 0;}

.footer-bottom a{color: inherit;}

.footer-bottom a:hover {}



.footer-bottom  {padding:20px 0 10px;}

.footer-bottom  ul{margin:0 auto; text-align:center;}

.footer-bottom ul li{ text-transform:uppercase; font-size:16px;}

.footer-bottom { padding:10px 0; text-align:center; margin:0 auto; text-align:center;}

.footer-bottom p{ margin-bottom:0; line-height:1.9;}

.footer-bottom li{ margin-left:5px;}

.footer-bottom li a { display: block; min-width: 20px; text-align: center; font-size:22px;}





/*************************one page *****************/



.padding-80{

    padding: 80px 0;

}

.center-header{

    text-align: center;

    margin-bottom: 40px;

}

.center-heading{

    font-weight: 300;

    font-size: 44px;

    line-height: 44px;

    text-align: center;

    margin-bottom: 5px;

    text-transform: uppercase;

    color:#444;



}

.center-header p{

    font-weight: 300;

    font-size: 16px;

}

span.center-line{

    display: inline-block;

    width:60px;

    height: 1px;

    background-color: #f99200;

    text-align: center;

}



.to_top{

	display: inline-block;

	width: 40px; 

	height:40px; 

	border: 2px solid #ff0000;

	position: fixed;

	right: 10px;

	background-color: #transparent;

	color: #ff0000;

	cursor: pointer;

	bottom:40px; 

	right:10px; 

	font-weight: bold;

	padding: 5px 13px 5px;

}

.to_top:hover, .to_top:focus{border:2px solid;}





.top-bar {

	min-height: 20px;

	line-height: 20px;

}



.top-bar a {

	font-size: 12px;

	color: #fff;

}



.top-bar .social-1 li a i {

	width: 20px;

	height: 20px;

	line-height: 20px;

	font-size: 13px;

}



ul {

	padding:0 0 0 0;

	/*margin:0 0 40px 0;*/

}

ul li {

	list-style:none;

	/*margin-bottom:10px;*/

}



.text {

	/*font-family: 'Bree Serif';*/

	color:#666;

	font-size:11px;

	margin-bottom:10px;

	padding:12px;

	background:#fff;

}


.hide {
    display: none;
}