/*!
 * Start Bootstrap - Full (https://startbootstrap.com/template-overviews/full)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full/blob/master/LICENSE)
 */
@font-face {
    font-family: myFirstFont;
    src: url(../fonts/Roboto-Light.ttf);
    font-weight: normal;
}

@font-face {
    font-family: myFirstFont;
    src: url(../fonts/Roboto-Regular.ttf);
    font-weight: bold;
}

@font-face {
    font-family: myFirstFont;
    src: url(../fonts/Roboto-Bold.ttf);
    font-weight: 800;
}

html{
	height: 100%;
	scroll-behavior: smooth;
}
body {

  font-family: myFirstFont;
     font-weight: normal;

}

/*#top-section{
	  background: url('../img/head2.png') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}*/

a.read-more{
	color:#F07808; 
	opacity: 0.7;
}

a:hover{
	color:#F07808; 
	opacity: 1;
}

.navbar-nav .nav-link a {
	  color: #5F6D85;
}

.navbar-nav .nav-link {
	  color: #5F6D85;
}

.div-redbox{
	
	padding: 50px;
	background: url('../img/redbg.png') no-repeat center center;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;

  background-color: #91100B;
  color: #fff;
}

h1{
	text-transform: uppercase;
}

section{
	padding-bottom:120px;
}

.btn-homepg{
	margin-top: 40px;
}

.h1-homepg{
	padding-top: 20px;
}

.p-homepg{
	font-weight: bold;
	margin-bottom: 40px;
	margin-top: 20px;
	font-size: 18px;
}

.btn-default{
	color: #fff;
	border:solid 2px #fff;
	background-color: Transparent;
	padding-left: 25px;
	padding-right: 25px;
	border-radius: 20px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;


}

.div-center{
	text-align: center;
}

.div-home-service img{
	width:30%;
}

.h3-service{
	font-size: 21px;
	color: #5F6D85;
	padding-top: 20px;
	padding-bottom: 15px;


}

.div-home-service{
	padding-top:40px;
}

.p-home-main{
	font-size: 22px;
	font-weight: bold;
	color: #5F6D85;
}

.div-homepg-nobg{
	padding-left: 0px;
	padding-top:60px;
}

.h1-alt-homepg{
	color: #91100B;
}

.p-alt-homepg{
	color: #F07808;
}

.p-homepg-details{
	color: #5F6D85;
}

.btn-alt-homepg{

	background-color: #92130E;
	border:solid 2px #92130E
	/*border-style: none;*/
}

.thumbnail{
	background-color: transparent;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    margin-top: 80px;
}

.caption{
	padding: 15px 20px;
	min-height: 103.2px;
}

.prj-thumbnail{
	padding-left: 20px;
	padding-right: 20px;
}

a:hover{
	text-decoration: none;
}

.card-title{
	color: #91100B;
}

.card-subtitle{
	color:#5F6D85;
}

.caption2{
	background-color: #92130E;
	color: #fff;
	background: url('../img/pro.png') no-repeat center center;
	background-color: #92130E;
	min-height: 114px;
}

.caption2 h5, .caption2 h6{
color: #fff;
}
.caption2 h5{
	font-weight: bold;
	margin-bottom: 0px;
}

.thumbnail2{
	 -webkit-box-shadow: none;
    box-shadow: none;
}


.thumbnail:hover{
	-webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;

	 -webkit-box-shadow: 0px 0px 20px 0px rgba(145, 16, 11, 0.4);
    box-shadow: 0px 0px 20px 0px rgba(145, 16, 11, 0.4);
    margin-top: 75px;

  


    

}

.thumbnail a img:hover{
	background-color: rgba(39,62,84,0.82);
	 
}
.thumbnail2:hover{
	-webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;

	 -webkit-box-shadow: 0px 0px 20px 0px rgba(145, 16, 11, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(145, 16, 11, 0.1);
    margin-top: 75px;
   

}


/*.box {
 
  display: inline-block;

}*/
/*.overlay {
  position: relative;
}

.overlay:after {
  position: absolute;
  content:"";
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.overlay:hover:after  {
  opacity: .8;
  -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.red:after {
  background-color: #92130E;;
}*/

#section-pr{
	background-color: #FBA54E;
		background: url('../img/orgbg.png') no-repeat center center;
	  -webkit-background-size: cover;
  -moz-background-size:cover;
  background-size:cover;
  -o-background-size:cover;

  background-color: #FBA54E;
}

.homepage-pr{
	font-weight: bold;
	color: #fff;
	padding-top: 100px;
}

.homepage-pr h1,.homepage-pr h2{
	font-weight: bold;
}

#section-clients{
	background-color: #91100B;
		background: url('../img/redbg3.png') no-repeat center center;
	  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  -o-background-size:cover;

  background-color: #91100B;
  padding-top: 90px;
  padding-bottom: 80px;

}

.padding-left-zero{
	padding-left: 0px;
}

.h1-homepg2,.p-homepg2,.p2-homepage2{
	color: #fff;
}

.p-homepg2{
	font-weight: bold;
	font-size: 18px;
}

.h1-quote{
	font-size:80px;
	color: #fff;
}

.text-white{
	color: #fff;
}

.home-client-agents{
	
	text-align: right;
}

.home-client-agents img{
	width: 70%;
	padding-top: 40px;
	vertical-align: middle;


}

.col-quote{
	padding-left: 40px;
	padding-right: 20px;
}

.homepg-partner{
	padding-top:50px;
	text-align: right;
}

.homepg-partner img{
	width:79%;
}

#section-contact{
	background-color: #760806;
		background: url('../img/redbg4.png') no-repeat center center;
	  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  -o-background-size:cover;

  background-color:#760806;
  padding-top:0px;
  padding-bottom: 80px;
}

#section-partner{
	padding-bottom: 90px;
	padding-top: 10px;
}

.img-foot-logo{
	width:50%;
}


#section-contact-details{
	padding-top:80px;
	color:#5F6D85;
	padding-bottom: 60px;
}

li{
	list-style-type: none;
	padding-bottom: 10px;
}

ul{
	padding-left: 0px;
}

.h4-footer-detail{
	font-weight: bold;
	padding-bottom:15px;
}

.div-footer-nav{
	padding-left:70px;
}

hr{
	margin-top: 0px;
	margin-bottom: 0px;
}

.footer-fb-link{
	padding: 15px 17px;
	color: #fff;
	background-color: #A91712;
	border-radius: 100px;
}

.section-footer{
	padding-top: 30px;
	padding-bottom: 20px;
	color: #5F6D85;
}

li a{
	color: #5F6D85;
}

.navbar-default{
	background-color: #fff;
}

.navbar-expand-lg .navbar-nav .nav-link{
	padding-left:30px;
}

.navbar-nav .nav-item{
	padding-bottom: 0px;
}

.navbar-nav .nav-item .nav-link{
	color: #5F6D85;
}

.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item .nav-link:active
{
	color: #F07808;
}

.btn-homepg:hover{
	background-color: #fff;
	color: #770806;
}

.btn-alt-homepg:hover{
	color: #92130E;
	border:solid 2px #92130E;
	background-color: Transparent;
}

.container2{
	max-width: 1920px;
}

ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: #F8FBFF;
}
ul.breadcrumb li {
    display: inline;
    font-size: 18px;
}
ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}
ul.breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
}
ul.breadcrumb li a:hover {
    color: #01447e;
    /*text-decoration: underline;*/
}

.div-breadcrum{
	background-color:#F8FBFF; 
	margin-top:70px;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:70px;
}

.page-title{
	color: #5F6D85;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0px;
}

.page-h1{
	font-weight: bold;
	/*color: #5F6D85;*/
	color: #91100B;
	text-transform:none;
	padding-bottom: 30px;
}

.page-p{
	color: #5F6D85;
}

.text-muted{
	color: #AEB5C2 !important;
}

.div-reason{
	width:100%;
	min-height: 100px;
	padding-left: 30px;
	margin-bottom: 15px;
}

.pull-right{
	float: right;
}

.pull-left{
	float: left;
}


.reason-img {
	width: 20%;

}
.reason-img img{
	width: 90%;
}
.reason-text{
	width: 80%;
}

.h4-reasons{
	text-transform: uppercase;
	color: #91100B;
	font-weight: bold;
	padding:70px 0px 25px 30px;


}

.reason-text h6{
	color: #5A0000;
	font-weight: bold;
}

.reason-text p{
	color:#5F6D85; 
}

.h1-vision{
	padding-top: 35px;
}

.p-vision{
	margin-bottom:25px;
}

.about-partners{
	background-color: #F8FBFF;
}

.div-stats{
	width: 100%;
	height: 100px;

}

.stats-img{
	width: 30%;
	float: left;
	margin-right:10px;
}
.stats-img img{
	width: 100%;
}
.stats-text{
	width: 65%;
	float: right;
}

.stats-text h2{
	font-weight: 800;
	color:#91100B; 
	margin-bottom: 0px;
	padding-top: 7px;
}

.stats-text p{
	color:#5F6D85; 
}

.page-main-head{
	/*background-color:#F8FBFF;*/
	background-color: #F0F5FB;
	margin-bottom:60px;
	padding-bottom: 0px;
	padding-top: 104px;
	padding-bottom: 10px;
	font-weight: bold;
}

.breadcrumb{
	background-color: transparent;
	margin:0px;
	padding: 0px;
	text-align: right;
	float: right;
}

.breadcrumb .breadcrumb-item{
	padding-bottom: 0px;
	font-size: 14px;
	color: #5F6D85;
}

.breadcrumb .breadcrumb-item a {
	color: #AEB5C2;
}

.page-heading{
	font-weight: bold;
	color: #5F6D85;
}



.portfolio-wrapper ul.filter li {
	/*padding-top: 35px;*/
	/*height: 60px;*/
	text-align: center;
}

h5.card-subtitle{
	font-weight: bold;
}


.service-details{
	/*padding-left: 25px;*/
}

h3.h3-services{
	/*padding-top:35px;*/
	font-weight: bold;
	color: #91100B;
	text-transform: uppercase;
}

p.p-services-subheading{
	color: #F07808;
	padding-bottom:10px;
}

p.p-services{
	color:#5F6D85; 
}

.div-services-sub{
	padding-top:15px;
}

p.p-services-highlights i {
	color: #AEB5C2;
	font-size:19px;
}

p.p-services-highlights{
	color: #91100B;
}

.row-services{
	padding-top:110px;
}

.img-clients{
	margin-bottom:40px;
	padding: 0px;
}

#client-page-client{
	
}

.img-clients-img{
	background-color: #fff;
	padding: 30px;
	border:solid 1px #E9F0F9;
}

.client-test{
	padding: 35px;
	min-height: 295px;

}

.p-client-test{
	margin-bottom: 0px;
	color: #5F6D85;
	font-weight: bold
}

.p-testimonials{
	padding-top:25px;

}

.p-test-text{
	color: #5F6D85;
}

.p-client-test-sub{
	color: #91100B;
}

.h4-contact{
	padding-bottom: 0px;
}

.p-sub-contact{
	padding-left: 30px;
}

.contact-form{
	padding-left: 50px;
}


.active{
	font-weight: bold;
	color: #91100B;
}

.navbar-nav .nav-item .active{
	font-weight: bold;
	color: #91100B;
}

input::-moz-focus-inner { 
  border: 0; 
}

object, embed { 
  outline: 0;
}

a:hover, a:active, a:focus {
  outline: 0;
}
.thumbtest{
	  background-repeat: no-repeat;
  /*background-attachment: scroll;*/
  background-position: center center;
  background-size:220px;
  width:100%; 
  height:270px;
  /*margin-left: 20px;*/
}
.thumbtest2{
	  background-repeat: no-repeat;
  /*background-attachment: scroll;*/
  background-position: center center;
  background-size:cover;
  width:100%; 
  height:270px;
}

.client-test2{
	
/*		background-color: transparent;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);*/
    /*margin-top: 10px;*/
    padding: 35px;
}


.p-client-test2,.client-test2 p{
	color: #fff;
	opacity: 0.8;
}

.client-test2 li{
        list-style-type: circle;
	color: #fff;
	opacity: 0.8;
}

.p-client-test-sub2{
	color: #fff;
}

.p-client-test3{
    color:#5A0000!important;
    opacity: 1!important;

}

.p-test-text2{
	color: #fff;
}

.thumbtest3{
		  background-repeat: no-repeat;
  /*background-attachment: scroll;*/
  background-position: center center;
  background-size:cover;
  background-color: #F8FBFF;
  border-radius: 30px;
 width: 57px;
  height:57px;
}

.form-control{
	border-radius: 0px;
}

.div-loader{
	display: none;
}

.count{
	font-weight: 800;
color: #91100B;
margin-bottom: 0px;
padding-top: 7px;
font-size: 2rem;
}

a.footer-fb-link:hover {
    /*color: #F07808;*/
    background-color: #F07808;
    color:#fff;

}

.p-services-ul li {
	color:#5F6D85; 
	list-style: square;
	margin-left: 20px;
}

ul.p-services-ul li{
	color:#5F6D85; 
	list-style: square;
	padding-left:5px;

}

.reason-text2{
	width: 100%;
	text-align: justify;

}

.div-reason2{
	padding-left: 0px;
	padding-top: 80px;
	padding-right: 10px;

}

.p-our-strgy{
	padding-top: 80px;
	font-size: 18px;
	font-weight: bold;
	color: #F07808;
}


#section-stgy{
	background-color: #F8FBFF;
	padding-bottom: 70px;
}

.p-testimonials .col-md-12 p{
	color: #5F6D85;

}


.thumbtest2{
	-webkit-filter: grayscale(90%); 
                filter: grayscale(90%); 
}

.thumbtest2:hover{
		-webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
	-webkit-filter: grayscale(0%); 
                filter: grayscale(0%); 
}


.img-quote{
	opacity: 0.5;
	padding-bottom: 20px;
}

.p-client-test3{
	color: #5A0000;
	opacity: 1;
}

.test-img-circle{
	width: 120%;
}

[type=reset], [type=submit], button, html [type=button] {
     -webkit-appearance:none; 


}


.prodtagshow{
	text-align: center;
	display: block; 
	height: 50px; 
	width: 50px; 
	border-radius: 70px;  
	background: url('../img/pro.png') no-repeat center center; 
	background-color: #92130E;
	color: #000;
	text-align: center;

}

.prodtagshow img{
	margin-bottom: 25px;
}
.portfolio-wrapper ul.filter li a:hover, .portfolio-wrapper ul.filter li a.active{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	color: #000;
	background-color: #F07808;
}
.portfolio-wrapper ul.filter li a{
padding-left: 10px;
padding-right: 10px;
padding-top: 15px;
color: #808080;
background-color: #92130E;
text-transform: lowercase;
text-align: center;
}

.portfolio-wrapper ul.filter li {
margin-left: 25px;	
margin-right:35px;
text-align: center;
}
.prodtagshow img{
	text-align: center;
	height: 20px;
}

.portfolio-wrapper ul.filter{
	min-height: 110px;
}

.navbar-brand img{
	height: 60px;
}

#sectionprodcutcatt{
	margin-top:-120px;
}

h6.card-subtitle p{
	margin-bottom: 0px;
	
}

h6.card-subtitle {
	
	margin-top: 0px;
}

h5.card-title p{
	margin-bottom: 0px;
}

.homepg-partner2{
	padding-top: 114px;
}

.homepg-partner2 img{
	width: 80%;
}


h5.card-subtitle p{
	margin-bottom: 0px;
	line-height: 1.2;
}

.btn-alt-homepg{
	margin-top: 60px;
}
.btn-alt-homepg2{
	margin-top: 0px;
}

#top-section{
	padding-bottom: 0px;
}

#section-partner2{
	padding-bottom: 70px;
	padding-top: 10px;
}
.mobileviewonly{
	display: none;
}
.pcviewonly{
	display: block;
}
	.footernewstyle{
		text-align: right;
	}


.projectpagespacealgingment{
	margin-top: -140px;
}


h2.ck-heading_heading2_fancy2 p{
	
	color: #A91712;
	text-align: left;
}

#servicepagehigh{
	padding-bottom: 0px;
}

#servicedetailpage{
	padding-top: 120px;
}


.p-homepg a{
	color: #fff;
}

.p-homepg a:hover{
	opacity: 0.7;
}





.service-pg-high a:hover{
	opacity: 0.8;

}

.div-home-service a:hover{
	opacity: 0.8;
}

	.marginadjust{
		margin-bottom: -40px;
	}
	
	#producticonsshow2{
    	display: none;
    }

#aboutpagehight{
	padding-bottom: 90px;
}


#clientspec3, #clientspec18{
	padding: 20px;
}

.breadcrumb-item a:hover{
	color: #F07808;
}

#myBtn {
  display: none;
  color: #fff;
  cursor: pointer;
  }

a.detailbackbut .page-heading:hover{
  	color: #F07808;
}

@media only screen and (max-width: 768px) {
	.navbar-brand img{
	height: 40px;
}


	.breadcrumb{
		display: none;
	}

	.div-stats{
		margin-bottom: 40px;
		padding-left:40px;
	}

	.img-foot-logo{
		margin-bottom:60px;
	}

	#section-contact-details{
		padding-left: 40px;
		padding-right: 40px;
	}

	.div-footer-nav{
		padding-left: 0px;
		margin-top: 30px;
	}

	.div-footer-products{
		margin-top: 30px;
	}

	.row-about-us{
		padding-left: 20px;
		padding-right: 20px;
	}

	.pad-left-zero{
		padding-left: 0px;
	}

	.homepg-partner{
		text-align: center;
		padding-top:20px;
		padding-left: 50px;
		padding-right: 50px;
	
	}

	.homepage-pr h4{
		font-size: 1.1rem;
	}

	.homepage-pr h3{
		font-size: 1.2rem;
	}	
	.test-img-circle{
		width: 20%;
		padding-bottom: 20px;
	}

	.footer-roknet-logo{
		display: none;
	}

	.service-pg-high{
		margin-bottom:40px;
	}

	.service-pg-high img{
		width: 30% !important;
	}

	.service-pg-sq-img{
		display: none;
	}

	/*.btn-sm-view-test{
		margin-left: 24px;
	}*/

	.client-test2{
		padding-left: 0px;
	}

	#lotanmmain{
		margin-top: 10px !important;
	}

	.div-homepg-nobg{
		padding-top: 10px;
	}

	.page-main-head{
	
		padding-top: 85px;
		
	}

	#producticonsshow{
		display: none;
	}


	#sectionprodcutcatt{
	margin-top:15px;
	}

	.portfolio-wrapper ul.filter li {
		
		margin:auto;
		margin-left: 42px;

	
	}

	.p-our-strgy{
		padding-top: 20px;
	}

	.row-about-us2{
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 50px;
	}

	.div-reason2{
		padding-top: 40px;
	}

	.contact-form{
		padding-right: 50px;
	}

	.mob-view-pad{
		padding-top: 70px;
	}

	#servicepagehigh{
		padding-bottom: 20px;
	}
	#servicedetailpage{
		padding-bottom: 0px;
	}

	#homepageservicehigh{
		padding-bottom: 50px;
	}

	.moblottiview{
		padding-left: 57px;
	}

	.page-main-head{
		margin-bottom: 32px;
	}

	.mobileviewonly{
		display: block;
	}

	.pcviewonly{
		display: none;
	}

	#homepageprojhght{
		padding-bottom:60px;
	}

	.footernewstyle{
		text-align: center;
		margin-top: 8px;
	}

	#section-clients{
		padding-bottom: 40px;
	}
	.section-footer{
		padding-top: 14px;
padding-bottom: 32px;
	}

	#servicepageinfosec{
		padding-bottom: 60px;
	}

	.row-services {
    	padding-top: 40px;
	}

	.service-details-lst-mb{
		margin-bottom: 40px;
	}

	.projectpagespacealgingment{
		margin-top: -100px;
	}

	#sectionprodcutcatt{
		margin-top:50px;
	}

	#clientpageinfo{
		padding-bottom: 60px;

	}

	#client-page-client{
		padding-bottom: 0px;
	}

	.marginadjust{
		margin-bottom: -40px;
	}

	#contestmo{
		padding-top: 60px;
		padding-bottom: 0px;
	}

	#aboutpagehight{
		padding-bottom: 60px;
	}

	#aboutuscounthigh{
		/*padding-top: 60px;*/
	}

	.padbot60{
		padding-bottom: 60px;
	}

	.reason-text3{
		margin-top: -50px;
	}

	.padleftzeromobile{
		/*padding-left: 0px;*/
	}

	#cctvsystems{
		/*padding-top: 70px;*/
	}
	#itnetworking{
		/*margin-bottom: -30px;*/
	}

	.reason-text2{
		text-align: left;
	}

	.mobilehide{
		display: none;
	}
	
	#producticonsshow2{
	display: block;
	}
}


.p-test-text li{
    list-style-type: circle;
 
}

/*.row {margin: 0 !important;}*/