//@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*font-family: 'Poppins', sans-serif;*/

@font-face {

    font-family: 'Calibri-Bold';

    src: url('../fonts/Calibri-Bold.woff2') format('woff2'),

        url('../fonts/Calibri-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Calibri';

    src: url('../fonts/Calibri.woff2') format('woff2'),

        url('../fonts/Calibri.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}





*{

    box-sizing: border-box;

}

body{margin: 0px; font-family: 'Poppins', sans-serif; }

button:focus{outline: none;}

input:focus{outline: none;}

a{

    color: #1b70bb;

    text-decoration: none;

}

a:hover{

    text-decoration: none;

}

ul{

	list-style: none;

	padding-left: 0px;

}



/*######## Comon css start ######*/

.btn-info{

	color: #030302;

    background-color: #349ffd;

    border-color: #349ffd;

    padding: 8px 15px;

    font-size: 16px;

    font-weight: 600;

    border-radius: 0px;

}

.btn-info:hover{

	background-color: #1f81d6;

    border-color: #1f81d6;

}

.btn-info:not(:disabled):not(.disabled).active,

 .btn-info:not(:disabled):not(.disabled):active,

  .show>.btn-info.dropdown-toggle{

  	background-color: #1f81d6;

    border-color: #1f81d6;

}



.comon-title{

	position: relative;

	width: 100%;

}

.comon-title h4{

	position: relative;

	width: 100%;

	color: #349ffd;

	font-size: 20px;

	margin-bottom: 10px;

	font-family: 'Poppins', sans-serif;

}

.comon-title h3{

	position: relative;

	width: 100%;

	color: #000000;

	font-size: 40px;

	font-weight: 600;

	margin-bottom: 15px;

	font-family: 'Poppins', sans-serif;

}

/*######## Comon css end ######*/



/*####### Header css start #######*/

.header-wrapper{

	position: relative;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 9;

	background-color: rgb(0 0 0 / 100%);

}



.top-header{

	position: relative;

	width: 100%;

	padding: 8px 0px;

	border-bottom: 1px solid #3e3e3e;

}

.top-header .hed-contact-info{

	position: relative;

	width: 100%;

	font-size: 14px;

}

.top-header .hed-contact-info ul{

	position: relative;

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 0;

}

.top-header .hed-contact-info ul li{

	position: relative;

	margin-right: 10px;

}

.top-header .hed-contact-info ul li p{

	position: relative;

	width: 100%;

	color: #fff;

	margin-bottom: 0px;

}

.top-header .hed-contact-info ul li p a{

	color: #fff;

}



.top-header .hed-contact-info ul li p .fa{

	color: #34a0ff;

    padding-right: 6px;

}





.header-menu-wrap{

	position: relative;

	width: 100%;

}

.header-menu-wrap .navbar{

	position: relative;

	width: 100%;

}



/*### Menu css start ######*/

.header-wrapper .navbar .main-menu > li{

	padding: 0px 10px;

}

.header-wrapper .navbar .main-menu li a{

	font-size: 16px;

	color: #ffffff;

}

.header-wrapper .navbar .main-menu > li > a{

	padding: 3px 6px;

	border-bottom: 2px solid transparent;

	transition: 0.5s;

}

.header-wrapper .navbar .main-menu > li > a:hover{

	border-bottom: 2px solid #349ffd;

	transition: 0.5s;

}

.header-wrapper .navbar .main-menu li.current > a{

    color: #ffffff !important;

    border-bottom: 2px solid #349ffd;

}

.header-wrapper .navbar .main-menu > li.sub-dropdown:after{

	content: "\f107";

    font-family: fontawesome;

    position: absolute;

    top: 25%;

    right: 0px;

    display: inline-block;

    color: #ffffff;

    font-size: 13px;

}

.header-wrapper .navbar .main-menu > li .sub-menu{

    background-color: #349ffd;

    text-align: left;

    padding: 10px;

    box-shadow: 0px 0px 10px 0px rgb(169 169 169 / 22%);

    border: 0;

}

.header-wrapper .navbar .main-menu > li .sub-menu li a{

	color: #ffffff;

	font-size: 14px;

}

.header-wrapper .navbar .main-menu > li .sub-menu:before{

    content: "";

    display: block;

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 10px solid #349ffd;

    position: absolute;

    left: 30px;

    top: -8px;

}

/*### Menu css end ######*/



/*####### Header css end #######*/



/*######## Banner css start ######*/

.banner-wrapper{

	position: relative;

	width: 100%;

}



.banner-slider-wrap{

	position: relative;

	width: 100%;

}

.banner-slider-wrap:before{

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	/* background: rgb(0,0,0,.45); */

	/* background: linear-gradient(180deg, rgba(0,0,0,0.8463760504201681) 0%, rgba(0,0,0,0.7483368347338936) 12%, rgba(0,0,0,0.04525560224089631) 100%); */

}





.banner-wrapper .banner-content-wrap{

    position: absolute;

    left:0;

    top: 65%;

    /*transform: translateY(-50%);*/

    width: 100%;

}

.banner-wrapper .banner-content-wrap .h1{

	position: relative;

	width: 100%;

	color: #ffffff;

	font-size: 24px;

	text-shadow: 2px 2px 3px #000;

	margin-bottom: 10px;

	font-family: 'Poppins', sans-serif;

}

.banner-wrapper .banner-content-wrap .h2{

	position: relative;

	width: 100%;

	color: #ffffff;

	font-size: 70px;

	font-weight: 600;

	text-shadow: 2px 2px 3px #000;

	margin-bottom: 20px;

	font-family: 'Poppins', sans-serif;

}

.banner-content-wrap .bnr-btn-wrap{

	position: relative;

	width: 100%;

}

.banner-content-wrap .bnr-btn-wrap ul{

	position: relative;

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    margin-bottom: 0;

}

.banner-content-wrap .bnr-btn-wrap ul li{

	position: relative;

	margin-right: 10px;

	margin-bottom: 10px;

}

.banner-content-wrap .bnr-btn-wrap ul li .btn-info{

	padding: 15px 28px;

	color: #fff;

	font-weight: 400;

	/*transition: all 0.2s ease;*/

}

.banner-content-wrap .bnr-btn-wrap ul li .btn-info:hover{

	background-color: #000;

	color: #fff;

	border-color: #000;

}

/*.banner-content-wrap .bnr-btn-wrap ul li .btn-info:hover i{

	position: relative;

	left: 5px;

}*/

.banner-content-wrap .bnr-btn-wrap ul li .btn-callus{

	position: relative;

	color: #ffffff;

	font-size: 20px;

}

.banner-content-wrap .bnr-btn-wrap ul li .btn-callus .fa{

	color: #349ffd;

	margin-right: 5px;

}



/*### arrow css start ####*/

#banner-slider .owl-nav{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

}

#banner-slider .owl-nav button{

    position: relative;

    border-radius: 5px;

    transition: 0.5s;

    margin-left: 0;

}

#banner-slider .owl-nav button span{

	position: relative;

	color: #ffffff;

	font-size: 40px;

	line-height: 40px;

	transition: 0.5s;

}

#banner-slider .owl-nav button:hover{

	color: #797979;

	transition: 0.5s;

}

#banner-slider .owl-nav button:hover span{

	color: #797979;

	transition: 0.5s;

}

#banner-slider .owl-nav .owl-prev{

    position: absolute;

    left: 3%;

}

#banner-slider .owl-nav .owl-next{

    position: absolute;

    right: 3%;

}

#banner-slider .owl-dots{

    position: absolute;

    bottom: 10%;

    /* transform: translateY(-50%); */

    width: 100%;

}



#banner-slider .owl-dots .owl-dot span {

    width: 40px;

    height: 6px;

    margin: 5px 7px;

    background: #fff;

    display: block;

    -webkit-backface-visibility: visible;

    transition: opacity .2s ease;

    border-radius: 0;

    border: 1px solid #000;

}

#banner-slider .owl-dots .owl-dot.active span, 

#banner-slider .owl-theme .owl-dots .owl-dot:hover span {

    background: #349ffd;

}

/*### arrow css end ####*/



/*######## Banner css end ######*/





/*######## About us css start ######*/

.about-us-wrapper{

	position: relative;

	width: 100%;

	padding: 0px 0px;

}

.about-us-wrapper:before{

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 40%;

	height: 40%;

	background-image: url(../images/about-left-top-bg1.png);

	background-repeat: no-repeat;

	background-size: 100%;

}

.about-us-wrapper:after{

	content: "";

    position: absolute;

    right: 0;

    bottom: 0;

    width: 40%;

    height: 30%;

    background-image: url(../images/about-right-bottom-bg1.png);

    background-repeat: no-repeat;

    background-size: 100%;

    background-position: bottom;

    z-index: -1;

}



.about-top-sec{

	position: relative;

	width: 100%;

	z-index: 1;

}

.about-top-sec .about-top-wrap{

	position: relative;

	margin-top: -50px;

}

.about-top-sec .about-top-wrap:before{

	content: "";

	position: absolute;

	right: 0;

	top: 50px;

	width: 80%;

	height: calc(100% - 50px);

	background-color: #349ffd;

}

.about-top-list{

    position: relative;

    width: 100%;

    height: 100%;

    text-align: center;

    padding: 25px 15px;

    background-color: #000;

    background-image: url(../images/about-top-list-bg.png);

    background-repeat: no-repeat;

}

.about-top-list .icon{

	position: relative;

	width: 100%;

	margin-bottom: 15px;

}

.about-top-list h4{

	position: relative;

	width: 100%;

	color: #ffffff;

	font-size: 25px;

	font-weight: 600;

	margin-bottom: 5px;

	font-family: 'Poppins', sans-serif;

}



.about-buttom-sec{

	position: relative;

	width: 100%;

	padding: 70px 0px;

}



.about-left{

	position: relative;

	width: 100%;

}

.about-left .about-video-wrap{

	position: relative;

	width: 100%;

}

.about-left .about-video-wrap .video-fluid{

	position: relative;

	width: 100%;

}

.about-left .imgbox{

	position: relative;

	width: 100%;

}

.about-left .imgbox > img{

	position: relative;

	width: 100%;

}

.about-left .contentbox{

	position: relative;

	width: 100%;

	padding: 12px 10px;

	background-color: #349ffd;

	margin-top: 15px;

}

.about-left .contentbox h4{

	position: relative;

	width: 100%;

	color: #ffffff;

	font-size: 30px;

	font-weight: 600;

	margin-bottom: 0px;

	font-family: 'Poppins', sans-serif;

}



.about-right{

	position: relative;

	width: 100%;

}



.about-right p{

	position: relative;

	width: 100%;

	color: #4a4a4a;

	margin-bottom: 10px;

}

.about-right .btn-info{

	position: relative;

	padding: 12px 25px;

}

/*######## About us css end ######*/



/*######## Services sec css start #######*/

.services-wrapper{

	position: relative;

	width: 100%;

	padding: 70px 0px;

	background-image: url(../images/services-sec-bg.jpg);

	background-repeat: no-repeat;

	background-size: cover;

}

.services-wrapper:before{

	content: "";

    position: absolute;

    right: 0;

    top: 0;

    width: 45%;

    height: 100%;

    background-image: url(../images/services-right-img.png);

    background-repeat: no-repeat;

    background-size: 100%;

    background-position: right;

}



.services-wrapper .comon-title h3{

	color: #ffffff;

}

.services-wrapper .comon-title p{

	position: relative;

	width: 100%;

	color: #a5a5a5;

	font-size: 17px;

	margin-bottom: 10px;

}



#services-slider .owl-stage {

    position: relative;

    display: flex;

    flex-wrap: wrap;

}



#services-slider .owl-stage .owl-item .services-sld-item {

    height: 100%;

}





.services-wrap{

	position: relative;

	width: 100%;

	height: 100%;

	background-color: #349ffd;

}

.services-wrap .srv-img{

	position: relative;

	width: 100%;

	height: 200px;

	overflow: hidden;

}

.services-wrap .srv-img > img{

	width: 100%;

}

.services-wrap .srv-content{

	position: relative;

	width: 100%;

	padding: 15px 15px;

}

.services-wrap .srv-content h4{

	position: relative;

	width: 100%;

	color: #ffffff;

	font-size: 20px;

	font-weight: 600;

	margin-bottom: 15px;

	font-family: 'Poppins', sans-serif;

}

.services-wrap .srv-content p{

	position: relative;

	width: 100%;

	color: #ffffff;

	font-size: 16px;

	margin-bottom: 10px;

}

.services-wrap .srv-content .read-btn{

    color: #000000;

    font-size: 20px;

    font-weight: 500;

}

.services-wrap:hover{

	background-color: #383838;

	transition: 0.5s;

}

.services-wrap:hover .srv-content .read-btn{

	color: #349ffd;

}

/*###### Arrrow css start #######*/

#services-slider .owl-nav{

    position: absolute;

    right: -15px;

    bottom: 0;

}

#services-slider .owl-nav button{

	position: relative;

	width: 45px;

	height: 45px;

	background-color: #349ffd;

	border: 2px solid #349ffd;

	font-size: 29px;

	color: #000;

}

#services-slider .owl-nav button:hover{

	background-color: transparent;

	transition: 0.5s;

	color: #349ffd;

}

#services-slider .owl-nav button.owl-next{

    position: absolute;

    bottom: 50px;

}



#services-slider .owl-nav button.owl-prev{

    position: absolute;

    bottom: 0;

}



/*###### Arrrow css end #######*/

/*######## Services sec css end #######*/



/*######## why-choose-installs css start ########*/

.why-choose-installs-wrapper{

	position: relative;

	/*width: 100%;*/

	padding: 60px 0px;

	/*background: url(../images/why-choose-installs-bg.jpg) no-repeat center right fixed; 

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;*/

}

.why-choose-installs-wrapper:before{

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgb(241 248 255 / 75%);

}



/*.why-choose-installs-wrapper:before{

	content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 40%;

    height: 100%;

    background-image: url(../images/why-chose-top-left-bg.png);

    background-repeat: no-repeat;

}*/



.choose-list:after{

    content: "";

    width: 50%;

    height: 1px;

    background-color: #a5a5a5;

    position: absolute;

    left: 75%;

    top: 16%;

}

.choose-list:nth-child(6):after{

	display: none;

}

.choose-wrap{

	position: relative;

	width: 100%;

	text-align: center;

}

.choose-wrap .number{

	position: relative;

	width: 100%;

	margin-bottom: 10px;

}

.choose-wrap .content{

	position: relative;

	width: 100%;

}

.choose-wrap .content h4{

	position: relative;

	width: 100%;

	color: #000000;

	font-size: 22px;

	font-weight: 500;

	margin-bottom: 5px;

	font-family: 'Poppins', sans-serif;

}

.choose-wrap .content p{

	position: relative;

	width: 100%;

	color: #000000;

	font-size: 16px;

	margin-bottom: 5px;

}



.tech-support{

	position: relative;

	width: 100%;

    padding-top: 30px;

    margin-top: 30px;

    border-top: 1px solid #a5a5a5;

}

.tech-support p{

	position: relative;

	width: 100%;

	color: #343434;

	font-size: 25px;

	font-weight: 500;

	margin-bottom: 0px;

	font-family: 'Poppins', sans-serif;

}

.tech-support p .fa{

	color: #349ffd;

}

.tech-support p a{

	color: #349ffd;

}

/*######## why-choose-installs css end ########*/



/*######## Our blog css start #######*/

.our-blog-wrapper{

	position: relative;

	width: 100%;

	padding: 80px 0px;

}



.our-blog-wrapper:before{

	content: "";

    position: absolute;

    width: 40%;

    height: 60%;

    right: 0;

    top: 0;

    background-image: url(../images/blog-top-right-bg.png);

    background-repeat: no-repeat;

    background-position: right top;

}

.our-blog-wrapper:after{

	content: "";

    position: absolute;

    width: 40%;

    height: 60%;

    left: 0;

    bottom: 0;

    background-image: url(../images/blog-bottom-left-bg.png);

    background-repeat: no-repeat;

    background-position: bottom left;

    z-index: -1;

}

.blog-wrap{

	position: relative;

	width: 100%;

}

.blog-wrap .blog-img{

	position: relative;

	width: 100%;

}

.blog-wrap .blog-img > img{

	width: 100%;

	height: 220px;

    object-fit: cover;

}

.blog-wrap .blog-content{

	position: relative;

    width: 90%;

    background-color: #020202;

    padding: 10px 15px;

    margin-top: -40px;

}

.blog-wrap .blog-content .date{

	position: relative;

	width: 100%;

	margin-top: -20px;

    margin-bottom: 10px;

}

.blog-wrap .blog-content .date span{

	background-color: #349ffd;

    padding: 5px 5px;

    font-size: 14px;

    color: #fff;

    display: inline-block;

}

.blog-wrap .blog-content h4{

	position: relative;

	width: 100%;

	min-height: 60px;

	color: #ffffff;

	font-size: 22px;

	font-weight: 500;

	margin-bottom: 15px;

	font-family: 'Poppins', sans-serif;

}

.blog-wrap .blog-content p{

	position: relative;

	width: 100%;

	color: #b7b7b7;

	font-size: 17px;

	margin-bottom: 10px;

}

.blog-wrap .blog-content .read-btn{

	position: relative;

	color: #349ffd;

	font-size: 20px;

}

.blog-wrap:hover .blog-content{

	background-color: #349ffd;

	transition: 0.5s;

}

.blog-wrap:hover .blog-content p{

	color: #ffffff;

}

.blog-wrap:hover .blog-content .date span{

	background-color: #020202;

}

.blog-wrap:hover .blog-content .read-btn{

	color: #ffffff;

}





/*arrow css*/

#blog-slider .owl-nav{

    position: absolute;

    top: 24%;

    transform: translateY(-50%);

    width: 100%;

}

#blog-slider .owl-nav button{

    position: relative;

    width: 45px;

    height: 45px;

    background-color: #349ffd;

    border: 2px solid #349ffd;

    font-size: 29px;

    color: #000;

}

#blog-slider .owl-nav button:hover{

    background-color: transparent;

    transition: 0.5s;

    color: #349ffd;

}

#blog-slider .owl-nav .owl-prev{

    position: absolute;

    left: -5%;

}

#blog-slider .owl-nav .owl-next{

    position: absolute;

    right: -5%;

}

/*######## Our blog css end #######*/



/*######## Contact and testimonials css start #######*/

.contact-testimonials-wrapper{

	position: relative;

	width: 100%;

	padding: 80px 0px 0px 0px;

	background-image: url(../images/contact-testimonials-bg.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	

}

.contact-testimonials-wrapper:before{

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: rgb(2 2 2 / 70%);

}



.contact-testimonials-wrapper .comon-title h3{

	color: #ffffff;

}

.contact-testimonials-wrapper .comon-title p{

	position: relative;

	width: 100%;

	color: #8a8b8c;

	font-size: 17px;

	margin-bottom: 10px;

}



.contact-testimonials-inner{

    position: relative;

    margin-bottom: -150px;

    z-index: 1;

}





.hm-contact-form-sec{

	position: relative;

	width: 100%;

	height: 100%;

	background-color: #000000;

	padding: 20px 20px;

}

.hm-contact-form-sec .comon-title h3{

	font-size: 28px;

}

.hm-contact-form-sec .form-control{

	background-color: transparent;

    border: 1px solid #ffffff;

    border-radius: 0px;

    height: auto;

    color: #ffffff;

    padding: 12px 10px;

}

.hm-contact-form-sec .btn-info{

	padding: 10px 20px;

}

.hm-contact-form-sec .wpcf7 form.invalid .wpcf7-response-output,

.hm-contact-form-sec .wpcf7 form.unaccepted .wpcf7-response-output{

    color: #fff;

}

.hm-contact-form-sec .wpcf7 form.sent .wpcf7-response-output{

	color: #fff;

}

/*#####*/



.testimonials-sec-wrap{

	position: relative;

	width: 100%;

	height: 100%;

	background-color: #242424;

	padding: 20px 20px;

}

.testimonials-sec-wrap > h3{

    position: relative;

    width: 100%;

    color: #ffffff;

    font-size: 28px;

    font-weight: 600;

    margin-bottom: 15px;

    font-family: 'Poppins', sans-serif;

}



.testimonials-wrap{

	position: relative;

	width: 100%;

}

.testimonials-wrap p{

	position: relative;

	width: 100%;

	color: #ffffff;

	font-size: 17px;

	font-style: italic;

	margin-bottom: 10px;

}



.testimonials-wrap .test-auth-name{

	position: relative;

	width: 100%;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.testimonials-wrap .test-auth-name .auth-img{

	position: relative;

	width: 85px;

	height: 85px;

	border-radius: 50%;

	overflow: hidden;

	display: flex;

	align-items: center;

	justify-content: center;

	border: 5px solid #fff;

	background: #424242;

}

.testimonials-wrap .test-auth-name .auth-img h4{

	/* position: relative; */

	/* width: 100%; */

	color: #349ffd;

	font-size: 36px;

	font-weight: 700;

	font-family: 'Poppins', sans-serif;

	margin: 0;

}

.testimonials-wrap .test-auth-name .name{

	position: relative;

	width: calc(100% - 85px);

	padding-left: 10px;

}

.testimonials-wrap .test-auth-name .name h4{

	position: relative;

	width: 100%;

	color: #349ffd;

	font-size: 20px;

	margin-bottom: 5px;

	font-weight: 500;

	font-family: 'Poppins', sans-serif;

}

.testimonials-wrap .test-auth-name .name h5{

	position: relative;

	width: 100%;

	color: #ffffff;

	font-size: 14px;

	margin-bottom: 5px;

}





/*dots css start */

#testimonials-slider .owl-dots{

    position: relative;

    width: 100%;

    padding-top: 10px;

    text-align: right;

    z-index: 9;

}

#testimonials-slider .owl-dots button.owl-dot{

	height: 5px;

	width: 22px;

	background: transparent;

	margin-left: 8px;

	position: relative;

	display: inline-block;

}

#testimonials-slider .owl-dots button.owl-dot span{

	width: 22px;

	height: 4px;

	background: #606060;

	position: absolute;

	top: 50%;

	transform: translate(-50%, -50%);

	border-radius: 5px;

}

#testimonials-slider .owl-dots button.owl-dot.active{

	background: transparent !important;

	height: 5px;

	width: 22px;

	border-radius: 50%;

}

#testimonials-slider .owl-dots button.owl-dot.active span{

	width: 22px;

	height: 4px;

	background: #349ffd;

	float: left;

	position: absolute;

	top: 50%;

	transform: translate(-50%, -50%);

	border-radius: 5px;

}

/*dots css end */





/*######## Contact and testimonials css end #######*/



/*######## footer css start ########*/

.footer-wrapper{

	position: relative;

	width: 100%;

	padding: 50px 0px 0px 0px;

	background-image: url(../images/footer-bg.jpg);

	background-repeat: no-repeat;

	background-size: cover;



}

.footer-wrapper.hm-footer{

	padding: 200px 0px 0px 0px;

}





.footer-inner-wrap{

	position: relative;

	width: 100%;

}

.footer-inner-wrap > h3{

	position: relative;

	width: 100%;

	color: #349ffd;

	font-size: 22px;

	margin-bottom: 15px;

	font-family: 'Poppins', sans-serif;

}

.footer-inner-wrap p{

	position: relative;

	width: 100%;

	color: #f2f2f2;

	font-size: 15px;

	margin-bottom: 10px;

}



.footer-menu{

	position: relative;

	width: 100%;

}

.footer-menu ul{

	position: relative;

	width: 100%;

	padding-left: 0;

}

.footer-menu ul li{

	position: relative;

	width: 100%;

	padding: 5px 0px;

}

.footer-menu ul li a{

	color: #f2f2f2;

	font-size: 15px;

}



/*#######*/

.footer-inner-wrap .foot-social-icon{

    position: relative;

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.footer-inner-wrap .foot-social-icon h5{

    position: relative;

    display: inline-block;

    color: #349ffd;

    font-size: 18px;

    font-weight: 600;

    margin-right: 5px;

    margin-bottom: 0px;

}

.footer-inner-wrap .foot-social-icon ul{

    position: relative;

    display: inline-block;

    margin-bottom: 0px;

}

.footer-inner-wrap .foot-social-icon ul li{

	position: relative;

    display: inline-block;

   padding-left: 10px;

   padding-right: 5px;

	/*max-width: 26px;*/

}

.footer-inner-wrap .foot-social-icon ul li a{

    color: #394aae;

    font-size: 16px;

    transition: 0.5s;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    transition: 0.5s;

}



.foot-contact-info-wrap{

	position: relative;

	width: 100%;

	margin-bottom: 0px;

}

.foot-contact-info-wrap li{

	position: relative;

	width: 100%;

	display: flex;

	flex-wrap: wrap;

	margin-bottom: 15px;

}

.foot-contact-info-wrap li .icon{

	position: relative;

	width: 24px;

	font-size: 18px;

	color: #349ffd;

}

.foot-contact-info-wrap li .info{

	position: relative;

	width: calc(100% - 24px);

	padding-left: 10px;

}

.foot-contact-info-wrap li .info h5{

	position: relative;

	width: 100%;

	color: #f2f2f2;

	font-size: 16px;

	margin-bottom: 0px;

}

.foot-contact-info-wrap li .info p{

	position: relative;

	width: 100%;

	color: #f2f2f2;

	font-size: 15px;

	margin-bottom: 0px;

}

.foot-contact-info-wrap li .info p a{

	color: #f2f2f2;

}





.foot-copy{

    position: relative;

    width: 100%;

    border-top: 1px solid #353535;

    text-align: center;

    padding: 15px 0px;

}

.foot-copy p{

	position: relative;

    width: 100%;

    color: #ffffff;

    font-size: 15px;

    margin-bottom: 0px;

}

.foot-copy p a{

	color: #349ffd;

}



.footer-terms-privacy-menu{

	position: relative;

	width: 100%;

	margin-bottom: 15px;

}

.footer-terms-privacy-menu ul{

	position: relative;

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

}

.footer-terms-privacy-menu ul li{

	position: relative;

	padding: 5px 10px;

}

.footer-terms-privacy-menu ul li:after{

    content: "|";

    position: absolute;

    right: -3px;

    color: #ababab;

}

.footer-terms-privacy-menu ul li:last-child:after{

	display: none;

}

.footer-terms-privacy-menu ul li a{

    color: #f2f2f2;

    font-size: 15px;

}

/*######## footer css end ########*/



/*####### inner banner css start #######*/

.inner-banner{

  position: relative;

  width: 100%;

  padding: 0px 0px;

  z-index: 1;

}

.inner-banner:after{

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: rgba(0, 0, 0, 0.447);

  /* background: linear-gradient( 180deg, rgb(0 0 0 / 91%) 0%, rgb(0 0 0 / 90%) 12%, rgb(0 0 0 / 65%) 100%); */

  z-index: 1;

}

.inner-banner img{

  position: relative;

  width: 100%;

  /*height: 380px;*/

  object-fit: cover;

  z-index: 1;

}

.inner-banner .inner-banner-cont{

	position: absolute;

	bottom: 15%;

	width: 100%;

	left: 0;

	z-index: 2;

}

.inner-banner .inner-banner-cont h1{

  position: relative;

  color: #ffffff;

  font-size: 40px;

  font-weight: 600;

  text-transform: uppercase;

  margin-bottom: 0px;

  text-align: center;

}

.main-wraper{

  position: relative;

  width: 100%;

  padding: 60px 0px;

}

/*####### inner banner css end #######*/



/*#### Cms content ######*/

.cms-content{

    position: relative;

    width: 100%;

}



.cms-content p{

    position: relative;

    width: 100%;

    color: #5d5d5d;

    font-size: 16px;

    /* margin-bottom: 10px; */

}

.cms-content ul{

    position: relative;

    width: 100%;

    display: block;

}

.cms-content  ul li{

    position: relative;

    display: block;

    padding-left: 25px;

    margin-bottom: 10px;

    color: #000;

    font-size: 16px;

}

.cms-content  ul li a{

  

    color: #000;

}

.cms-content ul li:before{

    content: "\f111";

    font-family: fontawesome;

    position: absolute;

    top: 2px;

    left: 0;

    color: #5d5d5d;

    font-size: 14px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

}

/*#### Cms content end ######*/



/*###### Contact us page css start #######*/

.contact-us-wraper{

    position: relative;

    width: 100%;

    padding: 60px 0px;

}

.contact-form-inner{

	position: relative;

	width: 100%;

}

.contact-form-inner .form-control {

    color: #555;

    border: 1px solid rgba(29, 29, 29, 0.11);

    padding: 12px 10px;

    background-color: #fdfdfd;

    border-radius: 2px;

    transition: 0.5s;

    height: auto;

	font-size: 16px;

}

.contact-form-inner .form-control:focus{

	box-shadow: none;

	border-color: #349ffd;

	transition: 0.5s;

}

.contact-form-inner .form-control::placeholder{

	color: #666;

	transition: 0.3s;

}

.contact-form-inner .btn-danger{

	padding: 15px 30px;

}

.map-wrap{

	position: relative;

    width: 100%;

}

.map-wrap iframe{

    position: relative;

    width: 100%;

    border: 3px solid #349ffd;

    border-radius: 1px;

}

/*###### Contact us page css end #######*/



/*###### testimonials page css start #######*/

.testimonials-wraper{

	position: relative;

	width: 100%;

	padding: 10px 0px;

}



.testimonials-list-wrap{

	position: relative;

    width: 100%;

    height: 100%;

    padding: 10px;

    text-align: center;

    background: #ffffff;

    border-radius: 6px 6px 6px 6px;

    overflow: hidden;

    box-shadow: 0px 4px 47px 0px rgba(160,190,212,0.22);

}

.testimonials-list-wrap .testmon-img{

    position: relative;

    display: block;

    width: 85px;

    height: 85px;

    border: 4px solid #349ffd;

    border-radius: 50%;

    overflow: hidden;

    margin: 0 auto;

    margin-bottom: 15px;

	display: flex;

	align-items: center;

	justify-content: center;

	background-color: #ddd;

}

.testimonials-list-wrap .testmon-img h4{

    color: #349ffd;

	font-size: 40px;

}

.testimonials-list-wrap h4{

	position: relative;

    width: 100%;

    color: #349ffd;

    font-size: 20px;

    margin-bottom: 5px;

    font-weight: 500;

    font-family: 'Poppins', sans-serif;

}

.testimonials-list-wrap h5{

    position: relative;

    width: 100%;

    color: #2a2a2a;

    font-size: 15px;

    margin-bottom: 10px;

}

.testimonials-list-wrap .stestir{

	position: relative;

	width: 100%;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

    justify-content: center;

	margin-bottom: 10px;

}

.testimonials-list-wrap .stestir .fa{

	padding: 0px 5px;

	color: #ffd700;

	font-size: 18px;

}

.testimonials-list-wrap p{

    position: relative;

    width: 100%;

    color: #343434;

    font-size: 15px;

    font-style: italic;

    margin-bottom: 10px;

}

/*###### testimonials page css end #######*/



/*###### Services page css start ######*/

.services-page-wrapper{

	position: relative;

	width: 100%;

	padding: 60px 0px;

}





.interesting-facts-wrapper{

	position: relative;

	width: 100%;

	padding: 60px 0px;

	/*background-image: url(../images/banner01.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center top;

	background-attachment: fixed;*/

}

.interesting-facts-wrapper:before{

	content: "";

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	background-color: rgb(1 8 14 / 35%);

}

.interesting-facts-wrapper .comon-title h3{

	color: #ffffff;

}



.fucts-list{

	position: relative;

	width: 100%;

	text-align: center;

	border: 2px solid #fff;

	padding: 15px;

}

.fucts-list h3{

	position: relative;

	width: 100%;

	color: #fff;

	font-size: 32px;

	font-weight: 500;

	margin-bottom: 10px;

	margin-top: 10px;

}

.fucts-list h4{

	position: relative;

	width: 100%;

	color: #fff;

	font-size: 18px;

	/*font-weight: 700;*/

	/*margin-bottom: 15px;*/

}





/*details page css*/

.services-details-wrapper{

	position: relative;

    width: 100%;

    padding: 60px 0px;

}



.services-details-wrapper .srv-left-img{

	position: relative;

	width: 100%;

}

.services-details-wrapper .srv-left-img > img{

	width: 100%;

}





.srvc-content h3{

    position: relative;

    width: 100%;

    font-size: 30px;

    color: #212121;

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 15px;

    font-family: 'Poppins', sans-serif;

}

.srvc-content h4{

    position: relative;

    width: 100%;

    font-size: 18px;

    color: #292929;

    font-weight: 600;

    margin-bottom: 10px;

}

.srvc-content h5{

    position: relative;

    width: 100%;

    font-size: 16px;

    color: #090909;

    font-weight: 600;

    margin-bottom: 10px;

}

.srvc-content p{

    position: relative;

    width: 100%;

    color: #5d5d5d;

    font-size: 17px;

    /* margin-bottom: 10px; */

}

.srvc-content ul{

    position: relative;

    width: 100%;

    display: block;

}

.srvc-content ul li{

    position: relative;

    display: block;

    padding-left: 25px;

    margin-bottom: 5px;

    color: #5d5d5d;

    font-size: 16px;

}

.srvc-content ul li:before{

    content: "\f00c";

    font-family: fontawesome;

    position: absolute;

    top: -2px;

    left: 0;

    color: #349ffd;

    font-size: 16px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

}

/*###### Services page css end ######*/



/*###### Blog details page css start #######*/

/*######## blog details css start ########*/

.blog-details-wraper{

	position: relative;

	width: 100%;

	padding: 40px 0px;

}

.blog-single-wraper{

	position: relative;

	width: 100%;

}

.blog-single-wraper h1{

    position: relative;

    width: 100%;

    color: #000000;

    font-size: 28px;

    font-weight: 600;

    margin-bottom: 10px;

    font-family: 'Poppins', sans-serif;

}

.blog-single-wraper .entry-meta{

	position: relative;

    width: 100%;

    margin-bottom: 15px;

    font-size: 14px;

    color: #0d1d31;

}

.blog-single-wraper .entry-meta a{

	color: #3f56d6;

}

.blog-single-wraper .blog-img{

	position: relative;

	width: 100%;

	overflow: hidden;

	margin-bottom: 15px;

}

.blog-single-wraper .blog-img img{

	width: 100%;

	transform: scale(1.0);

    transition: 0.5s;

}

.blog-single-wraper .blog-img:hover img{

	transform: scale(1.1);

    transition: 0.5s;

}

.blog-single-wraper .blog-img .blog-date{

	position: absolute;

    bottom: 0px;

    right: 0;

    padding: 5px 15px;

    background-color: #1a9bdc;

    text-align: center;

}

.blog-single-wraper .blog-img .blog-date p{

    position: relative;

    margin-bottom: 0px;

    color: #ffffff;

    font-size: 14px;

    font-weight: 500;

}

.blog-single-wraper p{

    position: relative;

    width: 100%;

    font-size: 16px;

    color: #0d1d31;

    /*margin-bottom: 10px;*/

}

.social-icon.blog-social{

	margin-top: 20px;

	margin-bottom: 20px;

	padding-top: 10px;

}

.social-icon.blog-social:before{

	content: "";

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 30px;

    height: 3px;

    background-color: rgba(0,0,0,0.1);

}

.social-icon.blog-social ul li a{

	color: #13253b;

	transition: 0.5s;

}

.social-icon.blog-social ul li a:hover{

	color: #3f56d6;

	transition: 0.5s;

}



.blog-prev-next-wraper{

	position: relative;

	width: 100%;

	padding: 10px 0px;

	margin-bottom: 20px;

	border-top: 1px solid #ededed;

	border-bottom: 1px solid #ededed;

}

.blog-prev-next-wraper a{

	color: #666666;

    font-size: 14px;

}

.blog-prev-next-wraper a .fa{

	padding: 0px 5px;

}

.comment-respond{

	position: relative;

	width: 100%;

	background-color: #f1f1f1;

	padding: 20px 20px;

    border-radius: 5px;

}

.comment-respond > h3{

	position: relative;

    width: 100%;

    color: #666666;

    font-size: 22px;

    margin-bottom: 15px;

}

.comment-respond .comment-form label{

    position: relative;

    color: #000;

    font-size: 16px;

}

.comment-respond .comment-form .form-control{

	background-color: #fff;

    border: 1px solid #ced4da;

    transition: 0.5s;

}

.comment-respond .comment-form .form-control:focus{

    box-shadow: none;

    border-color: #0d1d31;

    transition: 0.5s;

}



/*########*/

.comment-respond #comments #commentform input{

	width: 100%;

    padding: 10px;

}

.comment-respond #comments #commentform textarea{

	width: 100%;

    padding: 10px;

}

.comment-respond #comments #commentform input[type="submit"]{

	width: auto;

    color: #030302;

    font-size: 16px;

    background-color: #349ffd;

    border-color: #349ffd;

    border:1px solid #349ffd;

}

/*########*/





/*###### blog sidebar css start #######*/

.blog-sidebar{

	position: relative;

	width: 100%;

	height: 100%;

	border-left: 1px solid #ededed;

	padding: 0px 15px;

}

.blog-sidebar-title{

	position: relative;

    width: 100%;

    color: #000000;

    font-size: 18px;

    margin-bottom: 20px;

    padding-bottom: 10px;

    font-weight: 600;

    text-transform: uppercase;

}

.blog-sidebar-title:after{

	content: "";

	position: absolute;

    bottom: 0;

    left: 0%;

    width: 30px;

    height: 3px;

    background-color: rgba(0,0,0,0.1);

}

.recent-posts{

	position: relative;

	width: 100%;

	margin-bottom: 15px;

}

.recent-posts .recent-posts-list{

	position: relative;

	width: 100%;

	display: block;

	margin-bottom: 0px;

}

.recent-posts .recent-posts-list li{

	position: relative;

	width: 100%;

	display: block;

	margin-bottom: 10px;

	padding: 5px 0px;

    border-bottom: 1px solid #ededed;

}

.recent-posts .recent-posts-list li:last-child{

	border-bottom: 0px;

}

.recent-posts .blog-posts-wrap{

	position: relative;

	width: 100%;

	display: flex;

	flex-wrap: wrap;

	align-items: flex-start;

}

.recent-posts .blog-posts-wrap .blog-img{

	position: relative;

	width: 50px;

	height: 50px;

	margin-right: 5px;

}

.recent-posts .blog-posts-wrap .blog-img img{

	height: 100%;

	object-fit: cover;

}

.recent-posts .blog-posts-wrap .blog-right-text{

	position: relative;

	width: calc(100% - 55px);

}

.recent-posts .blog-posts-wrap .blog-right-text h5{

	position: relative;

    width: 100%;

    color: #000000;

    font-size: 14px;

    margin-bottom: 3px;

    font-weight: 600;

    text-transform: uppercase;

}

.recent-posts .blog-posts-wrap .blog-right-text h5 a{

	color: #000000;

}

.recent-posts .blog-posts-wrap .blog-right-text p{

	position: relative;

	color: #000;

	font-size: 14px;

}

.recent-posts .blog-posts-wrap .blog-right-text p a{

	color: #666666;

}



.recent-comment{

	position: relative;

	width: 100%;

	margin-bottom: 15px;

}

.recent-comment ul{

	position: relative;

	display: block;

	width: 100%;

	margin-bottom: 0px;

}

.recent-comment ul li{

	position: relative;

	width: 100%;

	display: block;

	padding: 5px 0px;

	padding-left: 12px;

	font-size: 14px;

	color: #666666;

	margin-bottom: 10px;

	border-bottom: 1px solid #ededed;

}

.recent-comment ul li a{

	color: #666666;

}

.recent-comment ul li:after{

	content: "\f105";

    font-size: 15px;

    font-family: 'Fontawesome';

    position: absolute;

    top: 5px;

    left: 0px;

}

.recent-comment ul li:last-child{

	border-bottom: 0px;

}

/*######## blog details css end ########*/

/*###### Blog details page css end #######*/



/*###### Portfolio page css start #####*/

.our-portfolio-wrapper{

	position: relative;

	width: 100%;

	padding: 60px 0px;

}



.portfolio-wrap{

	position: relative;

    width: 100%;

    background-color: #fff;

    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 41%);

    border-radius: 5px;

    overflow: hidden;

}

.portfolio-wrap .portfolio-img{

	position: relative;

	width: 100%;

}

.portfolio-wrap .portfolio-img > img{

	position: relative;

	width: 100%;

	transition: transform .5s;

}

.portfolio-wrap .portfolio-content{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    text-align: center;

    background-color: rgb(0 0 0 / 60%);

    padding: 5px;

    opacity: 0;

	visibility: hidden;

    transition: 0.5s;

}

.portfolio-wrap h4{

    position: relative;

    width: 100%;

    padding: 14px 10px;

    margin: 0;

    color: #fff;

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 5px;

    font-family: 'Poppins', sans-serif;

}

.portfolio-wrap h4 a{

	color: #fff;

}

.portfolio-wrap:hover .portfolio-content{

	top: 0;

	height: 100%;

	opacity: 1;

	visibility: visible;

	transition: 0.5s;

}

.portfolio-wrap:hover .portfolio-img > img{

	transform: scale(1.5);

}





.related-project{

	position: relative;

	width: 100%;

	padding: 50px 0px;

	background-color: #eee;

}

/*###### Portfolio page css end #####*/







.header-menu-wrap {

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

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

	transition: all ease-in-out 0.2s;

	z-index: 999;

	position: relative;

  }

  .fixed {

	background: #000;

	position: fixed;

	z-index: 999;

	margin: 0 auto;

	border: none;

	padding: 0;

	top: 0;

	left: 0;

	right: 0;

	width: 100%;

	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);

	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);

	-webkit-animation-duration: 0.5s;

	animation-duration: 0.5s;

	-webkit-animation-name: sticky-animation;

	animation-name: sticky-animation;

	-webkit-animation-timing-function: ease-out;

	animation-timing-function: ease-out;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

  }



  .fixed .logo-wrap {

	max-width: 251px;

  }



  .stestir {

    /* text-align: right; */

    padding: 10px 0;

}

.stestir i {

    font-size: 18px;

    color: gold;

    margin-left: 7px;

}



.hover-item{

	width: 100%;

	height: 100%;

	position: absolute;

	background-color: #000;

	position: absolute;

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

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

	transition: all ease-in-out 0.2s;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	opacity: 0;

	color: #fff;

	display: flex;

	align-items: center;

	justify-content: center;

}

.hover-item a{

	font-size: 20px;

	color: #349ffd;

}

.about-top-list:hover .hover-item{

	opacity: 1;

}



/* Alignments

--------------------------------------------- */

.alignleft {

	/*rtl:ignore*/

	float: left;

  

	/*rtl:ignore*/

	margin-right: 1.5em;

	margin-bottom: 1.5em;

  }

  

  .alignright {

	/*rtl:ignore*/

	float: right;

  

	/*rtl:ignore*/

	margin-left: 1.5em;

	margin-bottom: 1.5em;

  }

  

  .aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 1.5em;

  }

  .map-canvas {

	overflow: hidden;

	margin-top: 100px;

  }

  .map-canvas iframe {

	float: left;

	width: 100%;

	height: 320px;

	border: unset;

  }

  .rs-contact .contact-box {

	background-image: linear-gradient(250deg, #4e95ed 0%, #03228f 100%);

	padding: 40px 30px 40px 30px;

	border-radius: 5px 5px 5px 5px;

	font-size: 18px;

  }

  .rs-contact .contact-box .address-box {

	display: flex;

  }

  .rs-contact .contact-box .address-box .address-icon {

	background-image: linear-gradient(275deg, #ffffff 0%, #fcfcff 100%);

	min-width: 48px;

	height: 48px;

	text-align: center;

	width: 40px;

	border-radius: 50%;

	margin-right: 23px;

	display: flex;

	align-items: center;

	justify-content: center;

  }

  .rs-contact .contact-box .address-box .address-icon i {

	font-size: 30px;

	/* line-height: 20px; */

	color: #03228f;

  }

  .rs-contact .contact-box .address-box .address-text .label {

	font-size: 20px;

	font-weight: 600;

	color: #ffffff;

	display: block;

	margin-bottom: 5px;

  }

  .rs-contact .contact-box .address-box .address-text a {

	color: #ffffff;

  }

  .rs-contact .contact-box .address-box .address-text a:hover {

	color: #ccc;

  }

  .rs-contact .contact-box .address-box .address-text .desc {

	color: #ffffff;

  }

  .rs-contact .contact-box.onepage-box {

	background-image: linear-gradient(220deg, #f27c1e 0%, #dd4c23 79%);

  }

  .rs-contact .contact-box.onepage-box .address-box .address-icon {

	background: white-color;

  }

  .rs-contact .contact-box.onepage-box .address-box .address-icon i {

	color: #f2541b;

  }

  .sec-title {

	position: relative;

  }

  .mb-45 {

	margin-bottom: 45px;

  }

  .mb-25 {

	margin-bottom: 25px;

  }

  .mb-15 {

	margin-bottom: 15px;

  }

  .white-color {

	color: #ffffff !important;

  }

  .sec-title .sub-text {

	position: relative;

	padding-left: 95px;

	display: inline-block;

	line-height: 28px;

	font-size: 14px;

	letter-spacing: 1px;

	font-weight: 400;

	color: #03228f;

	text-transform: uppercase;

	margin-bottom: 10px;

  }

  .sec-title .sub-text.new-text {

	padding-left: 0;

	margin-bottom: 7px;

	color: #ffffff;

  }

  .contact-wrap {

	padding-top: 65px;

  }

  .sec-title2 {

	position: relative;

  }

  .sec-title2 .sub-text.contact {

	color: #1273eb;

  }

  .sec-title2 .sub-text {

	margin: 0 0 10px;

	display: block;

	line-height: 28px;

	/* font-family: "Livvic", sans-serif; */

	font-size: 14px;

	font-weight: 400;

	color: #03228f;

	text-transform: uppercase;

  }

  .rs-contact .contact-widget .form-control {

	padding: 20px 20px 20px 20px;

	border-radius: 5px 5px 5px 5px;

	border-style: solid;

	border-width: 0px 0px 0px 0px;

	background-color: #f6f7f9;

	width: 100%;

	max-width: 100%;

	height: auto;

	font-size: 18px;

  }

  .rs-contact .contact-widget textarea.form-control {

	height: 180px;

  }

  .mb-30 {

	margin-bottom: 30px;

  }

  .readon {

	font-size: 16px;

	background: #19d5b2;

	padding: 16px 40px;

	border-radius: 30px;

	color: #fff;

	font-weight: 600;

	/* text-transform: uppercase; */

	display: inline-block;

  }



 .related-project .portfolio-wrap .portfolio-img {

    height: 156px;

	overflow: hidden;

}

.related-project .portfolio-wrap h4{

    font-size: 14px;

}

.related-project .portfolio-wrap h4 a{

    color: #fff;

}

.animation {

	background: none;

	border: 0;

	box-sizing: border-box;

	/* margin: 1em; */

	font-size: inherit;

	font-weight: 700;

	position: relative;

	vertical-align: middle;

  }

  .animation::before, .animation::after {

	box-sizing: inherit;

	content: "";

	position: absolute;

	width: 100%;

	height: 100%;

  }



.draw {

	transition: color 0.25s;

  }

  .draw::before, .draw::after {

	border: 2px solid transparent;

	width: 0;

	height: 0;

  }

  .draw::before {

	top: 0;

	left: 0;

  }

  .draw::after {

	bottom: 0;

	right: 0;

  }

  .draw:hover {

	color: #60daaa;

  }

  .draw:hover::before, .draw:hover::after {

	width: 100%;

	height: 100%;

  }

  .draw:hover::before {

	border-top-color: #60daaa;

	border-right-color: #60daaa;

	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;

  }

  .draw:hover::after {

	border-bottom-color: #60daaa;

	border-left-color: #60daaa;

	transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;

  }



  .btn-callus{

	  display: none;

	  /* height: 44px; */

	  z-index: 998;

	  /* clear: both; */

	  background: #000;

    position: fixed;

    z-index: 999;

    margin: 0 auto;

    border: none;

    padding: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

	padding: 10px 0;

  }

  .btn-callus a {

    color: #fff;

    display: block;

    padding: 10px 0;

	text-align: center;

    border-radius: 21px;

    height: 34px;

    line-height: 18px;

    font-size: 18px;

    text-transform: uppercase;

    font-weight: normal;

    text-align: center;

    box-sizing: content-box;

    text-decoration: none !important;

    /* width: 100%; */

    box-sizing: border-box;

	background: #0c3;

    color: #fff;

}





/* Hamburger Toggle Button */

.sidebar-toggle {

	/* position: fixed; */

	/* top: 2rem; */

	/* right: 3rem; */

	font-size: 2rem;

	background: transparent;

	border-color: transparent;

	color: hsl(205, 78%, 60%);

	transition: all 0.3s linear;

	cursor: pointer;

  }

  

  .sidebar-toggle:hover {

	color: hsl(205, 90%, 76%);

  }

  

  /* Sidebar Nav */

  .sidebar-header {

	display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 1rem 1.5rem;

	background-color: #fff;

  }

  .sidebar-header {

	display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 1rem;

	background-color: #000;

  }

  .sidebar-header .navbar-brand{

	  max-width: 200px;

  }

  .close-btn {

	font-size: 1.75rem;

	background: transparent;

	border-color: transparent;

	color: hsl(205, 78%, 60%);

	transition: all 0.3s linear;

	cursor: pointer;

	color: hsl(360, 67%, 44%);

  }

  

  .close-btn:hover {

	color: hsl(360, 71%, 66%);

	transform: rotate(360deg);

  }

  

  .logo {

	justify-self: center;

	height: 40px;

  }

  

  .links a {

	display: block;

	font-size: 1.5rem;

	text-transform: capitalize;

	padding: 1rem 1.5rem;

	color: hsl(210, 22%, 49%);

	transition: all 0.3s linear;

  }

  

  .links a:hover {

	background: hsl(205, 86%, 81%);

	color: hsl(205, 78%, 60%);

	padding-left: 1.75rem;

  }

  

  .social-icons {

	justify-self: center;

	display: flex;

	padding-bottom: 2rem;

  }

  

  .social-icons a {

	font-size: 1.5rem;

	margin: 0 0.5rem;

	color: hsl(205, 78%, 60%);

	transition: all 0.3s linear;

  }

  

  .social-icons a:hover {

	color: hsl(205, 86%, 17%);

  }

  

  .sidebar {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #fff;

	 /*display: grid;*/

	/*grid-template-rows: auto 1fr auto;*/

	/*row-gap: 1rem; */

	box-shadow: hsl(360, 67%, 44%);

	transition: all 0.3s linear;

	transform: translate(-100%);

	z-index: 99;
	padding-bottom: 50px;

	overflow-y: scroll;

  }

  

  .show-sidebar {

	transform: translate(0);

  }

  

  @media screen and (max-width: 991px) {

	.sidebar {

	  width: 70%;

	}

  }



  .mobile-menu,

  .sidebar-toggle{

	  display: none;

  }



  .search-form {

    /* margin: 0 15px; */

    /* display: flex; */

    /* justify-content: flex-end; */

    /* align-items: center; */

    padding: 1rem 1.5rem;

}

.search-form input[type="text"]{

    width: 100%;

	padding: 6px;

	border-radius: 4px;

	font-size: 16px;

	border:1px solid #666

}

img{

	max-width: 100%;

	height: auto;

}

ul.mobile-nav {

    padding: 1rem 1.5rem;

}

ul.mobile-nav li{

    margin-bottom: 18px;

	font-size: 16px;

	position: relative;

}

ul.mobile-nav li.current-menu-item:before{

	position: absolute;

	content: "";

	width: 5px;

	height: 25px;

	top: 0;

	left: -1.5rem;

	background-color: #349ffd;

}

ul.mobile-nav li a{

   color: #000;

}

.page-template-template-site-map .cms-content  ul li a {

    color: #349ffd

}

.mobile-menu .footer-inner-wrap{

	padding-left:  1.5rem;

}

ul.mobile-nav li ul.sub-menu {
    margin-top: 15px;
    background-color: #eaf0f0;
    padding: 15px;
}
ul.mobile-nav li ul.sub-menu {
    margin-top: 15px;
    background-color: #eaf0f0;
    padding: 15px;
}



body.page-template-template-blog .blog-wrap .blog-content{

	height: 240px;

}

.mobile-menu .copyright {
    /* margin-left: 1.5rem; */
    margin-top: 2rem;
    font-size: 14px;
    text-align: center;
}