*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body{
	/*font-family: 'Cabin Condensed', sans-serif;*/
	background: #cbe3ea;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;	
}

p{
	font-size:19px;
	line-height: 1.7em;
}

a{
	text-decoration:none;
}

h1{
	color:#242424;
	font-size: 50px;
	line-height:1em;
	letter-spacing: -1px;
	font-weight: 400;
}

h2{
	color:#242424;
	font-size: 50px;
	line-height:1.2em;
	letter-spacing: -1px;
	font-weight: 400;
	margin-bottom: 20px;
}

h3{
	color:#242424;
	line-height:1em;
	letter-spacing: -1px;
	font-weight: 300;
}

video{
	width: 100%;
	max-width: 900px;
	border-radius: 5px;
	display: block;
	margin: auto;
}


.page_container{
	padding: 200px 0;
	background: #FFFFFF;
}

.page_inner{
	max-width: 1200px;
	margin: auto;
	padding: 0 30px;
	min-height: 1000px;
}

.page_inner h1{
	line-height: 1.4em;
	font-size: 40px;
}

.page_inner h2{
	line-height: 1.4em;
	font-size: 35px;
}

.page_inner h3{
	line-height: 1.4em;
	font-size: 30px;
}

.page_inner p{
	margin: 15px 0;
}

.page_inner img{
	border-radius: 15px;
	margin: 15px 0;
}

/*.com_routing_1:start*/
.com_routing_1{
	display: flex;
	align-items: center;
}

.com_routing_1 p{
	font-size: 13px;
}

.com_routing_1 a{
	font-weight: 500;
	font-size: 13px;
	margin: 0 3px;
	color: #0a0a0a;
}

.com_routing_1 a:hover{
	color: cadetblue;
}
/*.com_routing_1:end*/




/* com_featured_list_2:start*/
.com_featured_list_2{
	padding: 20px 30px 80px 30px;
	background: #FFFFFF;
}

.com_featured_list_2 h2{
	text-align: center;
	padding: 20px;
}

.com_featured_list_2 h3{
	text-align: center;
	font-size: 25px;
	padding: 20px;
	line-height: 1.3em;
}

.com_featured_list_2_inner{
	padding: 0 20px;
	max-width: 1250px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}
.com_featured_list_2_inner .item_container{
	transition: background-color 0.3s ease;
	box-shadow: 0 0 0 0px rgb(0 0 0 / 10%), 0 0 10px rgb(0 0 0 / 10%);
	width: 32%;
	border: 0px #e6e6e6 solid;
	border-radius: 1px;
	padding: 40px;
	background: rgb(203 227 234);
    background: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(203 227 234) 92%);}



.com_featured_list_2_inner .item_container i{
	text-align: center;
	display: block;
	font-size: 40px;
}

.com_featured_list_2_inner .item_container h2{
	font-size: 33px;
	line-height: 1.3em;
	margin: 20px 0 10px 0;
	transition: color ease 0.3s;
}

.com_featured_list_2_inner .item_container img{
	border-radius: 4px;
	width: 100%;
}


.com_featured_list_2_inner .item_container p{
	font-size: 15px;
	line-height: 2em;
	margin: 20px 0;
}

.com_featured_list_2_inner .item_container .item_link{
	transition: color ease 0.3s;
	color: #0a0a0a;
}
.com_featured_list_2_inner .item_container .item_link::after{
	content: '→';
	margin-left: 5px;
	transition: ease 0.3s;
}
.com_featured_list_2_inner .item_container .item_link:hover{
	color: cornflowerblue;
}
.com_featured_list_2_inner .item_container .item_link:hover:after{
	margin-left: 10px;
}
/* com_featured_list_2:end*/








/*.com_area_1:start*/
.com_area_1 h1{
	font-size: 40px;
	margin: 20px 0 10px;
}

.com_area_1 h2{
	font-size: 30px;
	margin: 20px 0 10px;
}
/*.com_area_1:end*/

/*.flex-list-3-cols:start*/
.flex-list-3-cols{
	background: #FFFFFF;
}


.flex-list-3-cols .in{
	background: #FFFFFF;
	max-width: 1090px;
	display: flex;
	margin: auto;
	flex-wrap: wrap;
}

.flex-list-3-cols .in .item{
	width: 31%;
	margin: 0 5px;
	padding: 5px;
}

.flex-list-3-cols .in .item img{
	width: 100%;
	height: 300px;
	object-fit: cover;
	border-radius: 10px;
}

.flex-list-3-cols .in .item .flex-list-3-cols-h-p{
	padding: 15px 25px 25px 25px;
	text-align: left;
}

.flex-list-3-cols .in .item .flex-list-3-cols-h-p h2{
	font-size: 20px;
}

.flex-list-3-cols .in .item .flex-list-3-cols-h-p p{
	font-size: 14px;
	line-height: 1.5em;
	margin: 15px 0;
}

.flex-list-3-cols .in .item .flex-list-3-cols-h-p a{
	color: #0a0a0a;
	font-weight: 500;
	font-size: 20px;
}

@media (max-width:800px){
	
	
/* com_featured_list_2:start*/
.com_featured_list_2{
	padding: 20px 0 80px 0;
	}
.com_featured_list_2_inner{
	flex-direction: column;
}
.com_featured_list_2_inner .item_container{
	width: 100%;
	margin-bottom: 20px;
}
/* com_featured_list_2:end*/		
	
	
    .flex-list-3-cols .in{
        max-width: 1000px;
        display: flex;
        justify-content: space-between;
        margin: auto;
        flex-wrap: wrap;
    }

    .flex-list-3-cols .in .item{
        width: 100%;
        padding: 25px;
    }

    .flex-list-3-cols .in .item img{
        width: 100%;
        height: 300px;
        object-fit: cover;
    }
	
}

/*.flex-list-3-cols:end*/






/* com_contact_1:start */
.com_contact_1{
	background: #FFFFFF;
	padding: 140px 40px 0 40px;
}
.com_contact_1 .inner{
	margin: auto;
	display: flex;
	justify-content: space-around;
	padding: 40px 40px 0 40px;
	max-width: 1350px;
}

.com_contact_1 .inner .leftcol{
	padding: 0 40px;
	width: 40%;
}

.com_contact_1 .inner .leftcol .call-us-now{
	display: flex;
    align-items: center;
    border: 3px #0a0a0a solid;
    padding: 10px;
    border-radius: 5px;
	margin-top: 30px;
    margin-bottom: 30px;
    color: #0a0a0a;
    text-align: center;
    font-weight: 500;
	max-width: 200px;
}

.com_contact_1 .inner .leftcol .call-us-now span{
	margin: 0 4px;
}

.com_contact_1 .inner .leftcol .call-us-now:hover{
    border: 3px #0a0a0a solid;
    color: #0a0a0a;
}

.com_contact_1 .inner .leftcol img{
	width: 100%;
	height: 200px;
	border-radius: 5px;
	object-fit: cover;
	margin-bottom: 20px;
}

.com_contact_1 .inner .leftcol .p1{
	color: #0a0a0a;
	font-weight: bolder;
	margin: 5px 0 5px 0;
}

.com_contact_1 .inner .rightcol{
	padding: 40px;
	width: 50%;
}

.com_contact_1 .inner .rightcol .contact-form-container .form{
	padding: 40px;
	border-radius: 10px;
	box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
	background: #FFFFFF;
}

.com_contact_1 .inner .rightcol .contact-form-container .form p{
	margin-top: 15px;
}

.com_contact_1 .inner .rightcol .contact-form-container .form input, .com_contact_1 .inner .rightcol .contact-form-container .form textarea{
	width: 100%;
	margin: 10px 0;
	padding: 10px 20px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 2px #0a0a0a solid;
}

.contact-form-container .form .send_btn{
	display: block;
	width: 100%;
	padding: 10px 20px;
	background: #0a0a0a;
	color: #FFFFFF;
	border-radius: 5px;
}

/* com_contact_1:end */



.call-now:hover{
	text-decoration: underline;
}

.component-snippet-flex-container{
	background: #FFFFFF;
	width: 100%;
}

.component-snippet-flex-1, .component-snippet-flex-2{
	background: #FFFFFF;
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	max-width:1200px; 
	margin:auto; 
	padding: 100px 0;
}

.component-snippet-flex-1 .col-1, .component-snippet-flex-2 .col-2{
	width: 50%;
	padding: 60px;
}

.component-snippet-flex-1 .col-2, .component-snippet-flex-2 .col-1{
	width: 50%;
}

.component-snippet-flex-1 .col-2 img, .component-snippet-flex-2 .col-1 img{
	width: 100%;
	border-radius: 5px;
}



.other-services{
	max-width: 600px;
	padding: 0px 20px 40px 20px;
	text-align: center;
    margin: auto;	
}

.projects-images{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	flex-wrap: wrap;
}

.projects-images img{
	width: 33%;
	margin-bottom: 3px;
	border-radius: 5px;
}

.loader-pages{
	position: fixed;
	z-index: 990;
	bottom: 15px;
	left: 15px;
	opacity: 0.8;	
	border: 4px solid #242424;
	border-radius: 50%;
	border-top: 4px solid #FAFAFA;
	width: 45px;
	height: 45px;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

@-webkit-keyframes spin{
	0%{-webkit-transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg);}
}

@keyframes spin{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}




.blog{
	width: 100%;
	background: url(/assets/bg/kitchen-1159532_1920-1000.jpg); 
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover;
}

.blog .inside{
	margin: auto;
	max-width: 1200px;
	padding: 20px 20px;
}

.blog .inside .header{
	padding: 20px 0px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.blog .inside .header a{
	color: #FFFFFF;
	font-size: 18px;
}

.blog .inside .header a:hover{
	color: #ff9a17;
}

.blog .inside .header .home_btn{
	color: #ff9a17;
}

.blog .inside .header .logo_white{
	width: 70px;
}

.blog .inside .body{
	padding: 90px 120px;
}

.blog .inside .body h1{
	border-top: 2px #ff9a17 solid;
	padding-top: 25px;
	animation: toggleDown 600ms ease-in-out alternate;	
}

.blog .inside .body p{
	color: #FFFFFF;
	padding: 35px 0px 40px 0px;
	line-height: 1.8em;
	animation: toggleUp 600ms ease-in-out alternate;	
}

.blog .inside .body a{
	animation: toggleUp 600ms ease-in-out alternate;	
}







.top_container{
	background-color: #FFFFFF;	
	position: fixed;
	z-index: 100;
	width: 100%;
	display: none;
}

.top_container .container_1 .in{
	max-width: 1200px;
	margin: auto;
	padding: 10px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #242424;
}

.menu_container .material-icons{
	color: #0a0a0a;
}

.top_container .container_1 .in .menu_container{
	cursor: pointer;
}

.top_container .container_1 .in a{
	color: #242424;
}

.top_container .container_1 .in img{
	width: 70px;
}

.top_container .container_1 .in .txt{
	text-align: center;
	padding: 0px 10px;
}

.top_container .container_1 .in .txt .txt1{
	font-size: 14px;
	margin-bottom: 5px;
}

.top_container .container_1 .in .txt .txt2{
	font-size: 16px;
	letter-spacing: 5px;
	text-transform: uppercase;
}

.top_container .container_1 .in div span{
	font-size: 35px;
}

.top_container .container_2{
	background-color: #cbe3ea;
	box-shadow: 0 0 0 0px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 20%);
	box-sizing: border-box;
}

.top_container .container_2 .in{
	max-width: 1200px;
	margin: auto;
	padding: 10px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top_container .container_2 .in .phone_container{
	padding: 5px 10px;
}

.top_container .container_2 .in .phone_container span{
	display: inline-block;
	vertical-align: middle;
	color: #242424;
	font-size: 19px;
	font-weight: 600;
	letter-spacing: -1px;
}

.top_container .container_2 .in .phone_container .material-icons{
	color: #242424;
	font-size: 19px;
	font-weight: 600;
}

.top_container .container_2 .in .quote_container{
	color: #0a0a0a;
	font-weight: bolder;
	border-radius: 4px;
	padding: 5px 10px;
	transition: 0.3s all;
	border-bottom: 3px solid transparent;
	border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
	border-image-slice: 1;

}

.top_container .container_2 .in .quote_container:hover{
	color: #A2A2A2 !important;
	border-bottom: 3px solid transparent;
	border-image: linear-gradient(to top right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
	border-image-slice: 1;
}




.ITBOOSTSLIDER{
	background: url("/uploads/others/Background-Project.jpg"); 
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover; 
	color: #FFF; 
	padding: 250px 0px 150px 0px; 
}

.ITBOOSTSLIDER-caption{
	width: 100%;
	text-align: center;
	margin-top: -35px;
}

.ITBOOSTSLIDER-caption .in{
	background: #0a0a0a;
	max-width: 1200px;
	height: 35px;
	margin: auto;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	border-radius: 5px 5px 0 0;
	opacity: 0.5;
	padding: 0 30px;
	transition: all 0.3s;
}

.ITBOOSTSLIDER-caption .in p{
	margin: 0;
	font-size: 12px;
	color: #FFFFFF;
}

.ITBOOSTSLIDER-caption .in:hover{
	opacity: 0.8;
}

.footer_info{
	background: #0a0a0a;
	text-align: center; 
	padding: 100px 0px 0px 0px;
	color: #FAFAFA;
}

.footer_info .inside{
	max-width: 1200px;
	margin: auto;
}
.footer_info .inside .our_services_container{
	padding: 50px 0px 20px 0px;
	text-align: left;
}

.footer_info .inside .our_services_container h3{
	font-size: 33px;
}

.footer_info .inside .columns{
	display: flex;
	align-content: space-between;
}

.footer_info .inside .logo_container{
	padding: 100px 0px 0px 0px;
}

.footer_info .inside .logo_container .logo{
	width: 100%;
	max-width: 120px;
}

.footer_info p{
	color: #B2B2B2;
}

.footer_info a{
	color: #FAFAFA;
	display: block;
	margin-top: 15px;
	transition: all 0.3s;
}

.footer_info a:hover{
	color: #EAC4AA;
	text-decoration: underline;
}

.footer_info .column1{
	display: inline-block; 
	vertical-align: top;
	width: 24%;
	text-align: left; 
}

.footer_info .column2{
	vertical-align: top; 
	display: inline-block; 
	text-align: left; 
	width: 24%;
}

.footer_info .column3{
	vertical-align: top; 
	display: inline-block; 
	text-align: left; 
	width: 24%;
}

.footer_info .column4{
	vertical-align: top; 
	display: inline-block; 
	text-align: left; 
	width: 24%;
}

.sign{
	background: #0a0a0a;
	padding: 100px 0px 40px 0px;
	color: #787787;
}

.sign .inside{
	padding: 0px 40px;
}

.sign .inside p, .sign .inside div{
	text-align: center;
}

.sign p, .sign a{
	color: #B2B2B2;
}


.form_title{
	color:#FFFFFF; 
	padding:10px; 
}

input{
	padding:10px; 
	font-size:18px; 
	color:#787; 
	display: block;
	width: 100%;
}

textarea{
	padding:10px; 
	height:200px; 
	font-size:18px; 
	color:#787;
	display: block;
	width: 100%;
}

.send_btn{
	color: #181929;
	background: lightyellow;
	padding: 10px 20px;
	font-size: 19px;
	border: 0px;
	margin-top: 15px;
}

.send_btn:hover{
	color: #ff9a17;
	background: #FFFFFF;
}

.form p{
	color:#999; 
	text-align: left;
	padding-bottom: 5px !important;
}


.cover{
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #FFFFFF;
	z-index: 3;
}

.slidemenu_container{
	display: none;
	right: 0;
	top: 10px;
	width: 100%;
	z-index: 5;
}

.slidemenu_container p{
	color: #616578;
	font-size: 14px;
	padding: 10px 5px;
	cursor: pointer;
}

.slidemenu_container p:hover{
	color: lightyellow;
}





.social_container{
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	background:#FFFFFF;
	height: 100%;
	z-index: 4;
	opacity: 1;
}

.social_container .slidemenu_container_items{
	display: none;
}

.social_container .inside{
	width: 50px;
	display: inline-block;
    padding: 0px 10px;
}

.social_container .inside .inner{
	margin-top: 60px;
	/*position: absolute;
	top: 50%;
	transform: translateY(-50%);*/
}

.social_container a{
	display: block;
	color: #CCCCCC;
}

.social_container img{
	width: 35px;
	margin-bottom: 30px;
}


.componentService1{
	width: 100%;
	background: #FFFFFF;
}

.componentService1 .inside{
	margin: auto;
	max-width: 1200px;
	padding: 0px 20px;
}

.componentService1 .inside .header{
	padding: 20px 0px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.componentService1 .inside .header a{
	color: #222434;
	font-size: 18px;
}

.componentService1 .inside .header a:hover{
	color: #ff9a17;
}

.componentService1 .inside .header .home_btn{
	color: #ff9a17;
}

.componentService1 .inside .header .logo_white{
	width: 70px;
}


.componentService1 .inside .body{
	padding: 90px 120px;
	max-width: 1200px;
}

.componentService1 .inside .body h1{
	line-height: 1.2em;
	margin-bottom: 40px;
	color: #222434;
	animation: toggleDown 600ms ease-in-out alternate;	
}

.componentService1 .inside .body img{
	width: 100%;
	margin-bottom: 25px;
}

.componentService1 .inside .body p{
	font-size: 22px;
	color: #787787;
	margin-bottom: 15px;
	line-height: 1.7em;
	animation: toggleUp 600ms ease-in-out alternate;	
}

.componentService1 .inside .body div{
	padding-bottom: 25px;

}

.componentService1 .inside .body p a{
	color: #ff9a17;
}

.componentService1 .inside .body a{
	animation: toggleUp 600ms ease-in-out alternate;	
}

.componentServices1{
	width: 100%;
	/*background: url(/assets/bg/armiya.jpg);*/
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover; 
}

.componentServices1 .inside{
	margin: auto;
	max-width: 1200px;
	padding: 20px 20px;
}

.componentServices1 .inside .header{
	padding: 20px 0px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.componentServices1 .inside .header a{
	color: #FFFFFF;
	font-size: 18px;
}

.componentServices1 .inside .header a:hover{
	color: #ff9a17;
}

.componentServices1 .inside .header .home_btn{
	color: lightyellow;
}

.componentServices1 .inside .header .logo_white{
	width: 70px;
}


.componentServices1 .inside .body{
	padding: 90px 120px;
	max-width: 900px;
}

.componentServices1 .inside .body h1{
	border-top: 2px #ff9a17 solid;
	padding-top: 25px;
	color: #FFFFFF;
	animation: toggleDown 600ms ease-in-out alternate;	
}

.componentServices1 .inside .body p{
	color: #CCCCCC;
	font-size: 18px;
	line-height: 1.7em;
	margin-top: 10px;
	padding: 20px 0px 40px 0px;
	animation: toggleUp 600ms ease-in-out alternate;	
}

.componentServices1 .inside .body a{
	animation: toggleUp 600ms ease-in-out alternate;	
}

.componentServices1 .inside .body .list{
	padding: 0px 0px 100px 0px;
}	

.componentServices1 .inside .body .list a{
	display: block;
	color: #FAFAFA;
	font-size: 25px;
	margin-bottom: 35px;
	transition: 0.3s;
}

.componentServices1 .inside .body .list a:hover{
	color: #ff9a17;
	margin-left: 10px;
}



.componentHeaderDesktop{
	position: fixed;
	z-index: 100;
	width: 100%;
	background: #FFFFFF;
	box-shadow: 0 0 0 0px rgb(0 0 0 / 10%), 0 3px 6px rgb(0 0 0 / 20%);
	box-sizing: border-box;	
}

.componentHeaderDesktop .in{
}

.componentHeaderDesktop .in .row-1{
	padding: 0px 20px;
	width: 100%;
	background: #cbe3ea;
}

.componentHeaderDesktop .in .row-1 .in{
	margin: auto;
	text-align: center;
	max-width: 1200px;
	display: flex;
	justify-content: space-between;
	align-items: center;	
}

.componentHeaderDesktop .in .row-1 a, .componentHeaderDesktop .in .row-1 p{
	color: #242424;
	font-weight: 400;
	margin: 2px;
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}

.componentHeaderDesktop .in .row-1 a span, .componentHeaderDesktop .in .row-1 p span{
	color: #242424;
	margin: 2px;
	display: inline-block;
	vertical-align: middle;
}

.componentHeaderDesktop .in .row-2{
	margin: auto;
	background: #FFFFFF;
	max-width: 1200px;
	padding: 10px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.componentHeaderDesktop .in .row-2 a{
	color: #242424;
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 0 20px;
	transition: all 0.3s;
}

.componentHeaderDesktop .in .row-2 a:hover{
	color: #EAC4AA;
	text-decoration: underline;
}

.componentHeaderDesktop .in .row-2 .home_btn{
	color: lightyellow;
	text-decoration: underline;
}

.componentHeaderDesktop .in .row-2 .logo_white{
	width: 90px;
}

.contact_btn_new{
	padding: 7px 5px;
	font-size: 19px;
	position: relative;
	z-index: 2;
}

.contact_btn_new::before{
 	content: "";
	background: #cbe3ea;
	position: absolute;
	width: 100%;
	height: 10px;
	z-index: 1;
	left: 0;
	bottom: 0;		
}

.contact_btn_rainbow{
	padding: 7px 15px;
	font-size: 19px;
	color: #787787 !important;
	position: relative;
}

.contact_btn_rainbow::before{
 	content: "";
	color: #CCCCCC;
	opacity: 0.5;
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0;
	bottom: 0;
	
    background-image: -webkit-linear-gradient(right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
    background-image: -o-linear-gradient(right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
    background-image: linear-gradient(right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
	
	
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition:  background 0.3s ease-out;		
}

.contact_btn_rainbow:hover{
	color: #A2A2A2 !important;
}

.contact_btn_rainbow:hover::before{
    background: red;
}

.rainbow_mobile{
	letter-spacing: -1px;
	font-size: 19px !important;
	font-weight: 600;
	color: #787787 !important;
}


.contact_btn{
	padding: 7px 15px;
	font-size: 19px;
	transition: 0.3s all;
	border-bottom: 5px solid transparent;
	-moz-border-image: -moz-linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);	
	-webkit-border-image: -webkit-linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
	border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
 	-moz-border-image-slice: 1;
 	-webkit-border-image-slice: 1;
	border-image-slice: 1;
	color: #787787 !important;
}


.contact_btn:hover{
	color: #A2A2A2 !important;
	border-bottom: 5px solid transparent;
	border-image: linear-gradient(to top right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
	border-image-slice: 1;
}

.contact_btn_home{
	background: #037aa9 !important;
	color: #787887 !important;
	font-weight: 500;
	padding: 10px;
	font-size: 18px;
	border-radius: 5px;
	transition: 0.3s all;
}

.contact_btn_home span{
	display: inline-block;
	vertical-align: middle;
}

.contact_btn_home:hover > .span1{
	text-decoration: underline;
}

.home{
	padding-top: 100px;
	width: 100%;
	background: #FFFFFF;
}


.home .inside{
	margin: auto;
}

.home .inside .body{
	margin: auto;
	max-width: 1200px;
	display: flex;
	justify-content: space-between;
	flex-direction: column-reverse;
}


.right-img{
	width: 100%; 
	object-fit: cover;
	margin-top: 0px;
	animation: toggleDown 1000ms ease-in-out alternate;	
}

.home .inside .body .left{
    margin-top: -300px;
    padding: 52px;
    z-index: 2;
    background: #FFF;
    max-width: 500px;
    margin-left: 600px;
    opacity: 0.9;
	animation: toggleUp 1000ms ease-in-out alternate;	
}

.home .inside .body .left h1{
	margin-bottom: 20px;
	line-height: 1.2em;
}

.home .inside .body .left h1 span{
	margin: 2px;
}

.home .inside .body .left h1 .h1-focus{
	text-decoration: underline; 
	color: lightyellow; 
}

.home .inside .body .left p{
	padding: 0px 0px 20px 0px;
    max-width: 650px;
}

.home .inside .body .left a{
	color: #242424;
	transition: 0.3s all;
}
.home .inside .body .left a:hover{
	color: #EAC4AA;
}

.home .inside .body, .static .inside .body{
	padding-bottom: 100px;
}

.featured-projects{
	width: 100%;
	background: #f3f3f3;
}

.featured-projects .in{
	max-width: 1200px;
	padding: 50px 0;
	margin: auto;
}

.featured-projects .in h2{
	text-align: center;
	font-size: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.featured-projects .in p{
	text-align: center;
	max-width: 450px;
	margin: auto;
	margin-bottom: 30px;
}

.featured-projects-list{
	display: flex;
	justify-content: space-between;
}

.featured-projects-list{
	padding: 25px 0px;
	display: flex;
	justify-content: space-between;
}

.featured-project-card{
	background: #FFFFFF;
	width: 30%;
	border-radius: 5px;
	height: 135px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.featured-project-card img{
	width: 40%;
	height: 100%;
	border-radius: 5px;
	object-fit: cover;
}

.featured-project-card .right{
	width: 50%;
	padding: 10px;
}

.featured-project-card .right h3{
	margin: 3px 0;
	line-height: 1.3em;
	font-weight: 400;
}

.featured-project-date{
	color: #8b8a84;
	font-size: 11px;
}

.featured-project-lnk{
	font-size: 11px;
	color: #c69fb4;
}


.componentServices-top{
	width: 100%;
	/*background: url(/assets/bg/armiya.jpg); */
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover; 
}

.componentServices-top .in{
	margin: auto;
	max-width: 1200px;
	padding: 20px 20px;
}

.componentServices-top .in .header{
	padding: 20px 0px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.componentServices-top .in .header a{
	color: #FFFFFF;
	font-size: 18px;
}

.componentServices-top .in .header a:hover{
	color: #ff9a17;
}

.componentServices-top .in .header .home_btn{
	color: #ff9a17;
}

.componentServices-top .in .header .logo_white{
	width: 70px;
}

.componentServices-top .in .body{
	padding: 90px 120px;
}

.componentServices-top .in .body .crumbs{
	padding: 10px 0px;
}

.componentServices-top .in .body .crumbs a{
	color: #CCCCCC;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	transition: all 0.3s;
}

.componentServices-top .in .body .crumbs span{
	color: darkorange;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.componentServices-top .in .body .crumbs a:hover{
	color: orange;
}

.componentServices-top .in .body h1{
	border-top: 2px #ff9a17 solid;
	padding-top: 25px;
	color: #FFFFFF;
	animation: toggleDown 600ms ease-in-out alternate;	
}

.componentServices-top .in .body p{
	color: #FFFFFF;
	max-width: 700px;
	font-size: 20px;
	padding: 20px 0px 40px 0px;
	line-height: 1.7em;
	animation: toggleUp 600ms ease-in-out alternate;	
}

.componentServices-top .in .body a{
	animation: toggleUp 600ms ease-in-out alternate;	
}

.componentService-bottom{
	width: 100%;
	background: #FFFFFF;
}

.componentService-bottom .in{
	margin: auto;
	max-width: 1000px;
	padding: 60px 30px 100px 30px;
	text-align: left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: baseline;
}

.componentService-bottom .in .left{
	width: 65%;
	padding: 20px;
	margin: 10px;
}
.componentService-bottom .in .left h2{
	margin-bottom: 20px;
	font-size: 35px;
}

.componentService-bottom .in .left p{
	margin-bottom: 20px;
	line-height: 2em;
}

.componentService-bottom .in .left a{
	color: #787787;
	text-decoration: underline;
}

.componentService-bottom .in .left a:hover{
	color: orange;
	text-decoration: none;
}

.componentService-bottom .in .right{
	width: 30%;
	padding: 20px;
	margin: 10px;
}

.componentService-bottom .in .right h3{
	margin-bottom: 30px;
}

.componentService-bottom .in .right h4{
	margin: 10px 0px 30px 0px;
}

.componentService-bottom .in .right h4 a{
	color: #787787;
	transition: all 0.3s;
}

.componentService-bottom .in .right h4 a:hover{
	color: orange;
}





.componentServices-bottom{
	width: 100%;
	background: #FFFFFF;
}

.componentServices-bottom .in{
	margin: auto;
	max-width: 1000px;
	padding: 120px 30px;
	text-align: center;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}

.componentServices-bottom .in .item{
	width: 400px;
	padding: 20px;
	margin: 10px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	transition: all 0.3s;
}

.componentServices-bottom .in .item h2:hover > a{
	color: orange;
}

.componentServices-bottom .in .item .item-img{
	width: 100%;
	border-radius: 5px;
	margin-bottom: 20px;
}

.componentServices-bottom .in .item h2{
	text-align: left;
}

.componentServices-bottom .in .item h2 a{
	color: darkslategray;
	font-size:40px;
	transition: all 0.3s;
}

.componentServices-bottom .in .item p{
	text-align: left;
	color: darkslategray;
	padding: 20px 0px 20px 0px;
	line-height: 1.5em;
}

.componentServices-bottom .in .item .action-btn{
	display: inline-block;
	text-align: left;
	color: darkslategray;
	text-decoration: underline;
	transition: all 0.3s;
}

.componentServices-bottom .in .item .action-btn:hover{
	color: #ff9a17;
}

.static{
	width: 100%;
	/*background: url(/assets/bg/armiya.jpg); */
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover; 
}

.static .inside{
	margin: auto;
	max-width: 1200px;
	padding: 20px 20px;
}

.static .inside .header{
	padding: 20px 0px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.static .inside .header a{
	color: #FFFFFF;
	font-size: 18px;
}

.static .inside .header a:hover{
	color: #ff9a17;
}

.static .inside .header .home_btn{
	color: #ff9a17;
}

.static .inside .header .logo_white{
	width: 70px;
}

.static .inside .body{
	padding: 90px 120px;
}

.static .inside .body h1{
	border-top: 2px #ff9a17 solid;
	padding-top: 25px;
	color: #FFFFFF;
	animation: toggleDown 600ms ease-in-out alternate;	
}

.static .inside .body p{
	color: #CCCCCC;
	max-width: 700px;
	font-size: 23px;
	padding: 20px 0px 40px 0px;
	line-height: 1.5em;
	animation: toggleUp 600ms ease-in-out alternate;	
}

.static .inside .body a{
	animation: toggleUp 600ms ease-in-out alternate;	
}

@keyframes toggleUp{
	
	from{
		opacity: 0;
		transform: translateY(5%);
	}
	to{
		opacity: 1;
		transform: translateY(0%);
	}	
}

@keyframes toggleDown{
	
	from{
		opacity: 0;
		transform: translateY(-5%);
	}
	to{
		opacity: 1;
		transform: translateY(0%);
	}	
}



.brands{
	width: 100%;
	background: #FFFFFF;
}

.brands .inside{
	margin: auto;
	max-width: 700px;
	padding: 60px 20px 120px 20px;
	text-align: center;
}

.brands h2{
	padding-top: 25px;
	color: darkslategray;
	font-size: 40px;
}

.brands p{
	color: darkslategray;
	padding: 20px 0px 20px 0px;
	line-height: 1.5em;
}

.brands a{
	color: darkslategray;
}

.brands a:hover{
	color: #ff9a17;
}

.brands .logos_container{
	padding: 10px 0px 30px 0px;
}

.brands .logos_container img{
	display: inline-block;
	vertical-align: middle;
}


.componentProjects1{
	width: 100%;
	/*background: url(/assets/bg/armiya.jpg);*/
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover; 
}

.componentProjects1 .inside{
	margin: auto;
	max-width: 1200px;
	padding: 20px 20px;
}

.componentProjects1 .inside .header{
	padding: 20px 0px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.componentProjects1 .inside .header a{
	color: #FFFFFF;
	font-size: 18px;
}

.componentProjects1 .inside .header a:hover{
	color: #ff9a17;
}

.componentProjects1 .inside .header .home_btn{
	color: #ff9a17;
}

.componentProjects1 .inside .header .logo_white{
	width: 70px;
}


.componentProjects1 .inside .body{
	padding: 90px 120px;
}

.componentProjects1 .inside .body h1{
	border-top: 2px #ff9a17 solid;
	padding-top: 25px;
	color: #FFFFFF;
	animation: toggleDown 600ms ease-in-out alternate;	
}

.componentProjects1 .inside .body p{
	font-size: 22px;
	color: #FAFAFA;
	margin-bottom: 15px;
	line-height: 1.7em;
	animation: toggleUp 600ms ease-in-out alternate;	
}

.componentProjects1 .inside .body .list{
	padding: 30px 0px 100px 0px;
}	

.componentProjects1 .inside .body .list .item{
	display: inline-block;
	vertical-align: top;
	width: 28%;
	margin: 15px;
	text-align: center;
}

.componentProjects1 .inside .body .list .item img{
	width: 100%;
	border-radius: 20px;
	border: 1px #FAFAFA solid;
}

.componentProjects1 .inside .body .list .item h3{
	font-size: 23px;
	line-height: 1.5em;
	max-width: 250px;
	margin: auto;
	margin-top: 10px;
	color: #FAFAFA;
}



.featured_projects{
	width: 100%;
	background: #FFFFFF;
}

.featured_projects .inside{
	margin: auto;
	max-width: 1200px;
	padding: 120px 20px;
	text-align: center;
}

.featured_projects .inside .list{
	padding: 30px 0px;
}

.featured_projects .inside .list .item{
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin: 15px;
	text-align: center;
}

.featured_projects .inside .list .item img{
	width: 100%;
}

.featured_projects .inside .list .item h3{
	font-size: 23px;
	line-height: 1.5em;
	max-width: 250px;
	margin: auto;
	margin-top: 10px;
}








.page_full_details{
	width: 100%;
	background: #FFFFFF;
}

.page_full_details .inside{
	margin: auto;
	padding: 120px 30px;
	text-align: center;
}

.page_full_details .inside h1{
	animation: toggleDown 600ms ease-in-out alternate;
}

.page_full_details .inside p{
	max-width: 700px;
	margin: auto;
	animation: toggleDown 900ms ease-in-out alternate;
}


.page_full_details h2{
	padding-top: 25px;
	color: darkslategray;
	font-size: 40px;
}

.page_full_details p{
	color: darkslategray;
	padding: 20px 0px 20px 0px;
	line-height: 1.5em;
}

.page_full_details a{
	color: darkslategray;
}

.page_full_details a:hover{
	color: #ff9a17;
}

.page_other_services{
	width: 100%;
	background: #FFFFFF;
}

.page_other_services .inside{
	border-top: 2px #ff9a17 solid;
	margin: auto;
	max-width: 1200px;
	padding: 120px 20px;
}

.page_other_services .inside .col1{
	display: inline-block;
	vertical-align: top;
	width: 60%;
	padding-right: 50px;
}

.page_other_services .inside .col1 h2{
	color: darkslategray;
	font-size: 40px;
}

.page_other_services .inside .col1 p{
	color: darkslategray;
	padding: 20px 0px 40px 0px;
	line-height: 1.5em;
}

.page_other_services .inside .col2{
	display: inline-block;
	vertical-align: top;
	width: 35%;
}

.page_other_services .inside .col2 img{
	width: 100%;
}

.services-container{
	background: #FFFFFF;
}

.services{
	background: #FFFFFF;
	width: 100%;
	padding: 100px 40px;
	max-width: 1200px;
	margin: auto;
}

.services h2{
	text-align: center;
	font-size: 45px;
	color: #242424;
	font-weight: 400;
	line-height: 1.4em;
	margin-bottom: 20px;
}

.services .services_list{
	max-width: 1200px;
	color: #FFFFFF;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-content: center;
	flex-wrap: wrap;
}

.services_list_new{
	max-width: 1200px;
	margin: auto;
	text-align: center;
}


.services_list_new a h3{
	text-align: center;
	color: #181929;
    font-size: 50px;
	text-transform: uppercase;
	text-decoration: underline;
	text-shadow: 1px 1px red;
	transition: 0.3s all;
}

.services_list_new a h3:hover{
	color: red;
}



#ITBOOSTMENU{display:inline-block;padding-left:7px;padding-right:10px;margin-top:0!important;margin-bottom:0!important}

#ITBOOSTMENU li{margin-top:10px;display:inline-block;transition:background-color .5s ease;list-style:circle;line-height:1.7em;}

#ITBOOSTMENU li a{color:#222;padding:10px 20px;text-decoration:none;font-size:16px;text-decoration:none}#ITBOOSTMENU li:hover{border-bottom:2px solid #4b74b8}#ITBOOSTMENU li a:hover{color:#000!important}#ITBOOSTMENU_SMALL{display:block;padding:0!important}#ITBOOSTMENU_SMALL a{text-decoration:none;color:#fff;width:95%}#ITBOOSTMENU_SMALL li{color:#ccc;text-align:left;list-style:none!important;transition:background-color .5s ease;font-size:22px;border:1px #000 solid;border-radius:4px;margin-bottom:7px!important;padding:20px 20px;margin:auto;display:block!important}

#thumb_area{text-align:center;display:inline-block;margin:25px;width:250px}


@media only screen and (max-width:1024px){
	
	.footer_info .inside{
		padding: 0 30px;
	}
	
	
	.ITBOOSTSLIDER-caption{
		padding: 0 30px;
	}

    .componentService-bottom .in{
        display: block;
		padding: 40px;
    }

    .componentService-bottom .in .left, .componentService-bottom .in .right{
       width: 100%;
		padding: 0px;
		margin: 0px;
    }	
	
	.componentService-bottom .in .left h2{
		font-size: 25px;
	}

	.blog .inside .header .top_btn{
		display: none;
	}
	
    .blog .inside .body{
        padding: 90px 30px;
    }	
	
    .blog .inside .body h1{
       font-size: 50px;
    }	
	
	.blog .inside .body p{
       font-size: 16px;
    }		
	
	
    .top_container{
        display: block;
    }	

	

    .ITBOOSTSLIDER{
        background-attachment: scroll; 
        padding: 150px 0px 150px 0px; 
    }
    
	
    .brands .inside{
        width: 100%;
		text-align: left;
		margin: 0px 0px 0px 0px;
		padding: 50px 40px 120px 40px;
    }	
	
	
    .brands .logos_container img{
		width: 48%;
    }	
	
	
	.featured_projects .inside{
		width: 100%;
	}	
	
.featured_projects .inside .list .item{
	display: block;
	width: 100%;
	margin: 15px 0px 30px 0px;
}	
	
    .page_full_details .inside{
        width: 100%;
		margin: 0px 0px 0px 0px;
    }	
	
	.footer_info{
		padding-top: 50px;
	}
	
    .footer_info .inside .columns{
        display: block;
    }	
	
    .footer_info .column1, .footer_info .column2, .footer_info .column3, .footer_info .column4{
        display: block; 
        width: 100%;
    }
	
    .footer_info .inside .logo_container{
    }
	
    .footer_info .inside .logo_container .logo{
        margin-left: -20px;
    }

    .sign .inside{
    }
	
    .sign .inside p, .sign .inside div{
    }

    .contact_btn{
        padding: 10px 20px;
        font-size: 17px !important;
    }
	
	.call_or_quote_container a{
		display: block;
	}	
	
	.call_or_quote_container .quote_container{
		background: orange;
		color: #FAFAFA;
	}	
	
	.call_or_quote_container .phone_container{
		display: block !important;
		text-align: center;
		padding: 0px 20px 30px 20px !important;
	}	
	

	.call_or_quote_container .phone_container span{
		display: inline-block;
		vertical-align: middle;
		color: #FAFAFA !important;
		font-size: 22px !important;
	}
	
    .social_container{
    }	
	
	.close_btn_container{
		text-align: right;
	}	
	
	.close_btn_container .material-icons{
		margin: 15px;
		color: orange;
		font-size: 40px;
		cursor: pointer;
	}
	
	.social_container .slidemenu_container_items{
		animation: toggleUp 1100ms ease-in-out alternate;	
		padding: 150px 0 0 0;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
	}
	
	.social_container .slidemenu_container_items a{
		color: #0a0a0a;
		font-size: 22px;
		font-weight: 500;
		display: flex;
		align-items: center;
	}
	
	.social_container .slidemenu_container_items a span{
		display: inline-block;
		vertical-align: middle;
		font-size: 17px;
	}
	
    .slidemenu_container{
		display: block;
		position: fixed;
	}

    .social_container .inside{
        width: 100%;
        display: block;
        padding: 0px 10px;
    }

    .social_container .inside .inner{
        margin-top: 60px;
        /*position: absolute;
        top: 50%;
        transform: translateY(-50%);*/
    }

    .social_container img{
        width: 25px;
        margin: 5px;
    }	
	
	
	.home .inside{
	}

    .home .inside .body{
        padding: 50px 20px 90px 20px;
    }

    .home .inside .body h1{
        font-size: 55px;
    }
	
	.componentService1 .inside .header .top_btn{
		display: none;
	}
	
	.componentService1 .inside{
	}

    .componentService1 .inside .body{
        padding: 50px 20px 90px 20px;
    }

    .componentService1 .inside .body h1{
        font-size: 39px;
    }

    .componentService1 .inside .body p{
    }	
	
	.componentServices1 .inside .header .top_btn{
		display: none;
	}
	
	.componentServices1 .inside{
	}

    .componentServices1 .inside .body{
        padding: 50px 20px 90px 20px;
    }


    .componentServices1 .inside .body h1{
        font-size: 39px;
    }

    .componentServices1 .inside .body p{
        color: #FFFFFF;
    }	
	
	.componentProjects1 .inside .header .top_btn{
		display: none;
	}
	
	.componentProjects1 .inside{
	}

    .componentProjects1 .inside .body{
        padding: 50px 20px 90px 20px;
    }


    .componentProjects1 .inside .body h1{
        font-size: 39px;
    }

    .componentProjects1 .inside .body p{
        color: #FFFFFF;
    }		
	
    .componentProjects1 .inside .body .list .item{
        display: block;
        width: 100%;
        margin: 0px 0px 45px 0px;
    }	

	
	.static .inside .header .top_btn{
		display: none;
	}
	
	.componentServices-top .in .header{
		display: none;
	}
	
    .componentServices-top .in .body{
		padding: 200px 20px 30px 20px;
    }	
	
	.componentServices-top .in .body h1{
		font-size: 45px;
	}
	
	.componentServices-top .in .body p{
		font-size: 17px;
	}
	
	.componentServices-bottom .in{
		padding: 30px;
	}
	
	.componentServices-bottom .in .item{
		padding: 20px 0px;
		margin-bottom: 50px;
		width: 100%;
	}	
	
	.componentServices-bottom .in .item h2 a{
		font-size: 30px;
	}
	
	.static .inside{
	}

    .static .inside .body{
        padding: 50px 20px 90px 20px;
    }

    .static .inside .body h1{
        font-size: 39px;
    }

    .static .inside .body p{
        color: #FFFFFF;
		font-size: 17px;
    }	
	
    .services{
       padding: 15px 15px;
    }	




    .services h2{
        padding: 60px 20px 0px 20px;
		font-size: 35px;
    }	
	
	
	
	
	#page_title{padding-top:100px!important}
		
	#component3_img{display:block!important;width:100%!important;max-width:none!important;border-radius:0!important}#mobileNumber{display:inline-block!important}#thumb_masterarea{text-align:center!important}#thumb_area{display:block!important;margin:auto!important;padding-bottom:60px}#logo_txt{display:none!important}#why_image{width:100%!important;border-radius:1px!important;display:block!important}#ITBOOST_TOPHOME{padding:10px 30px!important}#image_about{float:none!important;width:95%!important;margin:20px 0!important}#PAGES{padding:120px 0 0 0!important}#services_masterarea{text-align:center!important;margin-top:50px!important;margin-bottom:50px!important}#services_area{width:115px!important;margin:20px!important}
	

	
			
	.openBtn{display:block!important}#top{position:fixed;z-index:998;border-bottom:1px #ccc solid}#CALL{display:none}#NUMBER{display:none}#ITBOOSTMENU{display:none!important}
	
	
	#phone_number{margin-left:10px!important;display:inline-block!important}#phone_number_span{font-size:25px!important}#slidertxt{padding:5px 20px 15px 20px!important}#txt{display:block!important;margin:0 0 30px 0!important;padding:20px 0!important;width:95%!important}#txt h2{margin-left:0!important}#red_bar{padding:0 20px}#component3{padding-top:50px!important}#top_image{display:block!important;border-radius:2px!important;margin:auto!important;width:98%!important;max-width:none!important}#slidertxt{display:block!important;width:90%!important}#ITBOOSTSLOGO_TXT{vertical-align:middle;display:inline-block;margin-top:-10px;margin-left:-20px!important;text-align:left}#ITBOOST_SERVICES{text-align:center!important;padding:0!important}#ITBOOST_SERVICES li{display:block!important;width:90%!important;margin:auto;margin-bottom:7px}#ITBOOST_FOOTER_ABOUT,#ITBOOST_FOOTER_CONTACTS{display:block!important;width:90%!important;margin:auto;margin-bottom:20px;margin-left:0!important}
	
	
}


@media screen and (min-width:768px) and (max-width:1200px){
	
	h2{font-size: 40px;}
	
    .component-snippet-flex-1, .component-snippet-flex-2{
        padding: 100px 40px;
    }	
	
	.component-snippet-flex-1 .col-1, .component-snippet-flex-2 .col-2{
		padding: 35px;
	}
	
	.right-img{
		width: 100% !important;
		object-fit: cover !important;
		object-position: bottom;
	}
	

	
	.home .inside .body .left p{
		max-width: 400px;
	}
	
	.componentHeaderDesktop .in .row-1{
		padding: 0px 40px;
	}	
	
	.componentHeaderDesktop .in .row-2{
		padding: 15px 40px;
	}
	
	.home .inside .body, .static .inside .body{
		padding: 0px 0px 50px 0px;
	}
	
	.home .inside .body .left{
		padding: 70px 40px 40px 40px;		
	}
	
	.componentServices-top .in .body{
		max-width: 720px;
		margin: auto;
	}
	
	.home .inside .body .left h1{
		font-size: 40px;
	}
	
	.componentService-bottom .in{
		max-width: 570px;
	}	
	
	.featured-projects .in{
		padding: 50px 40px;
	}
	
	.componentServices-top .in .header{
		display: flex;
	}
	
	.componentServices-top .in .body{
		padding: 90px 120px;
	}
	.componentServices-bottom .in .item{
		width: 350px;
	}
	
	.componentServices-bottom .in{
		max-width: 830px;
	}
	
	
 	.static .inside .header .top_btn, .componentProjects1 .inside .header .top_btn, .componentServices1 .inside .header .top_btn, .componentService1 .inside .header .top_btn{display: inline-block; font-size: 1rem;}
	

	
	.componentProjects1 .inside .body, .componentServices1 .inside .body, .componentService1 .inside .body{
		
		padding: 90px 60px 90px 60px;
	}
	
	.services .inside div{
		display: inline-block;
		width: 30%;
		vertical-align: top;
	}
	
	.services .inside ul li{
		font-size: 1.1rem;
		margin: 10px;
	}
	
	.featured_projects .inside .list .item{
		width: 30%;
		margin: 15px;
		display: inline-block;
		vertical-align: top;
	}
	
	.componentProjects1 .inside .body .list{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.componentProjects1 .inside .body .list .item{
		width: 30%;
	}
	
	.brands .inside{
		padding: 40px 110px 90px 110px;
	}
	
	.footer_info .inside .columns{
		display: flex;
		justify-content: space-between;
	}
	
	
}

@media (max-width:768px){
	
	
/*com_contact_1:start*/
.com_contact_1{
	padding: 140px 40px;
}
.com_contact_1 .inner{
	margin: auto;
	display: block;
	padding: 20px 20px 60px 20px;
}

.com_contact_1 .inner .leftcol{
	padding: 0px 0 50px 0;
	width: 100%;
}

.com_contact_1 .inner .leftcol .p1{
	color: #0a0a0a;
	font-weight: bolder;
	text-decoration: underline;
	margin: 2px 0 40px 0;
}

.com_contact_1 .inner .rightcol{
	padding: 0px;
	width: 100%;
}
/*com_contact_1:end*/	

	
	
	.componentHeaderDesktop{
		display: none;
	}	
	
	.home .inside .body{
		flex-direction: column-reverse;
		padding: 0 0 50px 0;
	}
	

    .home .inside .body .left{
		padding: 60px 50px 30px 50px;
        border-radius: 4px;
        background: #FFF;
        max-width: auto;
		width: 100%;
        margin: 0;
        opacity: 1;
    }	
	
	
	.right-img{
		margin-top: 0;
		width: 100%;
		height: auto;
	}
	.contact_btn_home{
		font-size: 15px;
	}
	
    .home .inside .body h1{
        font-size: 40px;
    }
    .home .inside .body h1 .h1-focus{
        font-size: 55px;
    }		
	
	.services_list_new a h3{
		font-size: 30px;
	}	
	
	.featured-projects .in{
		padding: 100px 30px;
	}
	
	.featured-projects-list{
		display: block;
	}
	
	.featured-project-card{
		width: 100%;
		margin-bottom: 20px;
	}
	
}

@media (max-width:768px){
	
	h2{
		font-size: 35px;
	}
	
.component-snippet-flex-1, .component-snippet-flex-2{
	padding: 50px 0;
}
	
.component-snippet-flex-1{
	flex-direction:column;
}	
	
.component-snippet-flex-2{
	flex-direction:column-reverse;
}

.component-snippet-flex-1 .col-1, .component-snippet-flex-2 .col-2{
	width: 100%;
	padding: 30px;
}

.component-snippet-flex-1 .col-2, .component-snippet-flex-2 .col-1{
	width: 100%;
}

.component-snippet-flex-1 .col-2 img, .component-snippet-flex-2 .col-1 img{
	width: 100%;
	border-radius: 0px;
}	
	
	
	
	
	.top_container .container_2 .in{
		padding: 2px 15px;
	}

    .services_list_new a{
		display: block;
        font-size: 1em;
        margin: 0px 0px 20px 0px;
		padding: 10px 20px;
    }	
	
	.services_list_new a h3{
		font-size: 40px;
	}	
	
}

@media (max-width:320px){
	
    .home .inside .body h1{
        font-size: 30px;
    }
    .home .inside .body h1 .h1-focus{
        font-size: 50px;
    }	
	
}

@media (max-width:280px){
	
	.rainbow_mobile{
		font-size: 13px;
	}
	
	.home .inside .body .left{
		padding: 50px 30px 30px 30px;
	}
	
    .home .inside .body h1{
        font-size: 30px;
    }
	
	.contact_btn_home{
		font-size: 13px;
		font-weight: 600;
	}
	
    .home .inside .body h1 .h1-focus{
        font-size: 50px;
    }


	.services_list_new a h3{
		font-size: 35px;
	}
	
}