@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900');

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	
}

body {
	margin:0;
	padding:0;
    font-family: 'Montserrat', sans-serif;
}
.clear{
	clear:both;
}
.img{
	width:100%;
	display:block;
}
.v_a_img{
	vertical-align:middle;
}


/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.top_main{
	width:100%;
}
.top{
	width:85%;
	margin:0 auto;
	max-width:1200px;
}
.logo{
	width:158px;
	float:left;
	margin:1%;
}
.logo img{
	width:100%;
	display:block;
}
.navbar{
	width:577px;
	float:left;
	padding:1%;
}
.top_right{
	width:715px;
	float:right;
}
.col_em{
	width:715px;
	float:right;
	margin-top:4%;
}
.col_em p{
	color:#7d7d7d;
	font-family:'Montserrat', sans-serif;
	font-size:14px;
	font-weight:500;
	line-height:150%;
}
.col_em_clr{
	color:#7d7d7d;
	font-weight:700;
}

.col_em_icn_txt_main{
	width:310px;
	float:left;
}
.col_em_icn_txt_main2{
	width:310px;
	float:left;	
}
.col_em_icn_txt_main3{
	width:87px;
	float:left;	
}
.col_em_icn{
	width:41px;
	float:left;
}
.col_em_txt{
	width:250px;
	float:left;
	margin:0% 0% 0% 5%;
}
.em_txt_mrg{
	margin-top:7%;
}
.call_txt_mrg{
	margin-top:1%;
}






/*--------------------------------------------------------------
Front Page
--------------------------------------------------------------*/
.banner{
	width:100%;
}


/*--------------------------------------------------------------
Text
--------------------------------------------------------------*/
.heading h1{
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 21px;
	font-weight:600;
	padding:1% 1% 0%;
}

.inner_heading h1{
	font-family: 'Montserrat', sans-serif;
	color: #041332;
	font-size: 25px;
	text-align:left;
	font-weight:700;
	padding:1%;
	line-height:140%;
}
.inner_heading span{
	color: #d33303;
}
.inner_heading h4{
	font-family: 'Montserrat', sans-serif;
	color: #d33303;
	font-size:26px;
	text-align:left;
	font-weight:500;
	padding:0% 1%;
	margin:0;
}	
	
/*--------------------------------------------------------------
Welcome 
--------------------------------------------------------------*/
.welcome_col_sm8{
	width:25%;
	float:left;
	margin:4% 1%;
	padding:0.6% 2%;
	border-right:2px solid #d2d2d2;
	text-align:right;
}
.welcome_col_sm88{
	width:71%;
	float:left;
	margin:4% 1%;
}
.welcome_col_sm8 h1{
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size:25px;
	padding:1%;
	line-height:140%;
}

.welcome_clr{
	color:#d33303;
	font-weight:700;
}
.welcome_col_sm88 p{
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 14px;
	font-weight:500;
	line-height:140%;
	padding:0%;
}

.welcome_col_sm88_bold {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 14px;
	font-weight:600;
	line-height:140%;
	padding:0%;
}


/*--------------------------------------------------------------
products
--------------------------------------------------------------*/

.products_col_sm1 h1{
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size:25px;
	padding:3%;
	text-align:center;
}

.products_clr{
	color:#d33303;
	font-weight:700;
}

.products_col_sm1 h2{
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size:18px;
	font-weight:600;
	padding:3%;
	text-align:center;
	
}
.products_col_sm3{
	width:31%;
	margin:1%;
	float:left;
}

/*--------------------------------------------------------------
infra & network
--------------------------------------------------------------*/
.infra_col_sm2{
	width:48%;
	margin:9% 1% 2% 1%;
	float:left;
	background-color:#f4f4f4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.infra_col_sm2 p{
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 14px;
	font-weight:500;
	padding:0% 5% 3%;
	line-height:150%;
	text-align:center;
}

.infra_col_sm2 h1{
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size:22px;
	font-weight:700;
	padding:2%;
	text-align:center;
}

.infra_icon{
	width:114px;
	margin:-10% auto 3%;
	position:relative;

}

/*--------------------------------------------------------------
Gallery
--------------------------------------------------------------*/
.gallery_img{
	width:98%;
	margin:1%;
	float:left;
}

.gallery_col_sm1 h1{
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size:25px;
	padding:2% 1%;
	text-align:left;
}
.gallery_clr{
	color:#d33303;
	font-weight:700;
}

/*--------------------------------------------------------------
about page 
--------------------------------------------------------------*/
.abt_col_sm8{
	width:60%;
	float:left;
	margin:3% 1%;
	padding:0.6% 2%;
	text-align:left;
	font-weight:600;
}
.abt_col_sm88{
	width:30%;
	float:left;
	margin:5% 1%;
}
.abt_col_sm8 h1{
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size:25px;
	padding:0%;
	line-height:140%;
	font-weight:700;
}

.abt_clr{
	color:#d33303;
	font-weight:700;
}
.abt_col_sm8 p{
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 14px;
	font-weight:500;
	padding:0%;
	text-align:justify;
	line-height:150%;
}
.abt_col_sm88_bold {
	font-family: 'Montserrat', sans-serif;
	color: #d33303;
	font-size: 14px;
	font-weight:600;
	line-height:140%;
	padding:0%;
}

.abt_img{
	width:100%;
	margin:1%;
	float:left;
}


/*--------------------------------------------------------------
Regular Content
--------------------------------------------------------------*/
.contener{
	width:85%;
	margin:0 auto;
	max-width:1200px;
}
.col_sm1{
	width:100%;
	margin:0 auto;
}
.col_sm2{
	width:48%;
	margin:1%;
	float:left;
}
.col_sm3{
	width:31%;
	margin:0% 1%;
	float:left;
}
.col_sm4{
	width:25%;
	float:left;
}
.col_sm5{
	width:18%;
	margin:1%;
	float:left;
}
.col_sm8{
	width:45%;
	float:left;
}
.col_sm88{
	width:51%;
	float:right;
}


/*--------------------------------------------------------------
link
--------------------------------------------------------------*/
a.link:link {
	color:#000;
	text-decoration:none;
}
a.link:visited {
	color:#000;
	text-decoration:none;
}
a.link:hover {
	color:#000;
	text-decoration:none;
}
a.link:active {
	color:#000;
	text-decoration:none;
}




a.link2:link {
	color:#fff;
	text-decoration:none;
}
a.link2:visited {
	color:#fff;
	text-decoration:none;
}
a.link2:hover {
	color:#fff;
	text-decoration:none;
}
a.link2:active {
	color:#f15757;
	text-decoration:none;
}


/*--------------------------------------------------------------
Bullet
--------------------------------------------------------------*/

.bullet ul {
	margin-left:5%;
	list-style-image:url(../images/bullet.jpg);
}
.bullet ul li a{
	font-family:'Montserrat', sans-serif;
	font-size:14px;
	line-height:220%;
	color:#fff;
	margin:0% 2% 0.1% 0%;
	padding:1% 0.8% 0.1% 0.8%;
	text-decoration: none;
	font-weight:400;
	text-transform:capitalize
}




/*--------------------------------------------------------------
Button
--------------------------------------------------------------*/
.btn{
	width:100%;
	padding:9% 1%;
	font-size:14px;
	border:0px solid;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	background-color:#d33303;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	font-weight:600;
	border-radius:4px;
	text-transform:uppercase;
}
.btn:hover{
	background-color:#fff;
	color:#000;
}

.get_in_touch2{
	width:120px;
	margin:0.9% 0%;
	float:right;
}




/*--------------------------------------------------------------
Extra
--------------------------------------------------------------*/
.bg_clr{
	background-color:#000000;
}

.bg_clr2{
	background-color:#f1f1f1;
}

.bg_clr3{
	background-color:#3f3f3f;
}

.bg_img{
	background-image:url('../images/top-bg.jpg');
	background-size: 100% 100%;
	height:96px;
}
.cont_pdg{
	padding:2% 0%;
}


/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/

.ftr_col_sm3{
	width:31%;
	margin:0% 1%;
	float:left;
}
.ftr_txt h2{
	font-family:'Montserrat', sans-serif;
	color: #fff;
	font-size: 20px;
	text-align:left;
	font-weight:600;
	padding:1% 0% 7% 0%;
}
.ftr_txt p{
	font-family:'Montserrat', sans-serif;
	color: #fff;
	font-size: 14px;
	text-align:left;
	font-weight:400;
	line-height:150%;
}
.ftr_icon{
	width:16px;
	float:left;
	margin:1% 0%;
}

.ftr_txt_main{
	width:80%;
	float:left;
	margin:0% 1% 5% 4%;
}

.ftr_col_sm2{
	width:48%;
	margin:0% 1%;
	float:left;
}

.ftr_txt1{
	font-family:'Montserrat', sans-serif;
	color: #fff;
	font-size: 13px;
	text-align:left;
	font-weight:500;
	padding:2.5% 0%;
}
.ftr_txt2{
	text-align:right;
}

/*--------------------------------------------------------------
Contact
--------------------------------------------------------------*/
.conta_col_sm1{
	width:30%;
	float:left;
	padding:2%;
	margin:0% 0% 2% 1%;
	height:605px;
}
.conta_col_sm2{
	width:69%;
	float:left;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);
	height:605px;
	padding:3%;
}
.conta_col_sm22{
	width:48%;
	float:left;
	margin:2% 1%;
}
.conta_txt h5{
	font-family:'Montserrat', sans-serif;
	color: #041332;
	font-size: 16px;
	font-weight:600;
	padding: 2% 0% 4% !important;
	margin:0;
	letter-spacing:0;
}
.conta_txt h6{
	font-family:'Montserrat', sans-serif;
	color: #041332;
	font-size: 16px;
	font-weight:600;
	padding: 2% 1% 0% !important;
	margin:0;
	letter-spacing:0;
}
.cont_icn{
	width:15px;
	float:left;
	margin:1% 3% 0% 0%;
	color:#000 !important;
}
.cont_txt_main{
	width:85%;
	float:left;
}
.cont_txt_main p{
	font-family:'Montserrat', sans-serif;
	color:#000 !important;
	line-height:150%;
	font-size: 14px;
}
.cont_txt_main_txt p{
	font-family:'Montserrat', sans-serif;
	font-size: 14px;
	color:#000 !important;
	line-height:150%;
}


/*--------------------------------------------------------------
top arrow
--------------------------------------------------------------*/
.fa{
	text-align:left !important;
	padding:2.4% 0% 1.7% 3%;
	font-size:114% !important;
}

.top_arrow{
	width:35px;
	height:38px;
	position:fixed;
	right:2%;
	bottom:2%;
	display:none;
	transition-duration: 1s;
	background-image:url('../images/top.png');
	cursor:pointer;
	background-repeat:no-repeat;
	z-index: 999;
}
.top_arrow:hover{
	width:35px;
	height:38px;
	position:fixed;
	right:2%;
	transition-duration: 1s;
	bottom:2%;
	cursor:pointer;
	background-image:url('../images/top-b.png');
	display:none;
}


@media only screen and (max-width:1100px){
.top{
	width:100%;
}
.contener{
	width:100%;
}
.get_in_touch2{
	margin:0.9% 1%;
}
}


@media only screen and (max-width:1015px){
.conta_col_sm2 {
    height: 650px;
}
.conta_col_sm1 {
    height: 650px;
}
}


@media only screen and (max-width:800px){
.logo{
	float:none;
	margin:0% auto;
	padding:1% 0%;
}
.top_right {
    float:none;
    margin:0% auto;
}
.col_em {
	margin-top: 1%;
	margin-bottom: 3%;
}
.navbar {
    width: 100%;
}
.get_in_touch2 {
	display:none;
}
.col_em {
	display:none;
}
.welcome_col_sm8 {
    width: 100%;
    float: none;
    margin: 0% auto;
    text-align: center;
}
.welcome_col_sm8 h1 {
    font-size: 25px;
    padding:3% 0% 1% 0%;
    line-height: 140%;
}
.welcome_col_sm88 {
    width: 98%;
    float:none;
    margin: 1% 1%;
}
.welcome_col_sm88 p {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    padding: 1% 1% 3% 1%;
	text-align:center;
}
.abt_col_sm8 {
    width:98%;
    float:none;
    margin: 3% 1%;
    padding: 0.6% 2%;
    text-align: center;
    font-weight: 600;
}
.abt_col_sm8 p {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 0%;
    text-align:center;
    line-height: 150%;
}
.abt_col_sm88 {
    width:98%;
    float: left;
    margin: 5% 1%;
}
.ftr_col_sm3 {
    width:98%;
    margin: 0% 1%;
    float: left;
}
.ftr_col_sm2 {
    width:98%;
    margin: 0% 1%;
    float: left;
}
.ftr_txt h2 {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 20px;
    text-align: left;
    font-weight: 600;
    padding: 3% 0% 2% 0%;
}
.ftr_txt2 {
    text-align:left;
}
.ftr_txt_main {
    width: 80%;
    float: left;
    margin: 0% 1% 3% 2%;
}
.conta_col_sm1 {
    width:98%;
    float:none;
    padding: 2%;
    margin: 0% 0% 2% 1%;
    height:500px;
}
.conta_col_sm2 {
    width:98%;
    float:none;
	margin:0% auto;
    padding: 3%;
	height:605px;
}
}

@media only screen and (max-width:700px){
.conta_col_sm2 {
    width: 98%;
    float: none;
    margin: 0% auto;
    padding: 3%;
    height: 880px;
}
.conta_col_sm22 {
    width:98%;
    float:none;
    margin: 2% 1%;
}
}


@media only screen and (max-width:600px){
.products_col_sm3 {
    width:98%;
    margin: 1%;
    float:none;
}
.infra_col_sm2 {
    width:98%;
    margin: 15% 1% 2% 1%;
    float: left;
}
.conta_col_sm1 {
    width:98%;
    float:none;
    padding: 2%;
    margin: 0% 0% 2% 1%;
    height:450px;
}
}