body
{
	background:url('https://www.resultit.com.au/images/body-bg.jpg') top center; 
    background-attachment: fixed; 
    background-repeat: no-repeat;     
    background-size: cover;
	font-family: 'Roboto Condensed', sans-serif;
	color:#000000;
}
:root
{
	--padding:7px;
    --border-blue:1px solid blue;
    --padding-none:0;
	--green:#244a5a;	
}
.green
{
	background:var(--green);
}
#load-screen
{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	position:fixed;
	background: rgba(0,0,0,0.5);
	z-index:1;
}
#loading
{
	width: 100px;
    height: 100px;
    border: 3px solid #ffffff;
    border-radius: 50%;
    z-index: 2;
    color: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
}
.resultIT-main-wrapper
{
	width:100%; 
    display:block; 
    border:0px solid green; 
}

.resultIT-top-main
{
	width:100%; 
    display:flex; 
    flex-wrap:wrap; 
    flex-direction:row; 
    justify-content:center; 
    align-items:center; 
}
.resultIT-menu, .resultIT-slider
{
	width:100%;
    display:block;
    border:0px solid red;
}
.go-back
{
	position: absolute;
    top: 8%;
    left: 50%;
    text-transform: uppercase;
    transform: translateX(-50%);
    z-index: 999;
    padding: 0.4rem;
    border-radius: 50%;
    background: #000000;
    border: none;
}
.resultIT-menu
{
	background:#244a5a;
}
.resultIT-logo
{
	    padding-left:20px;
    padding-top:0px;
    padding-bottom:0px;
}
.resultIT-logo>a
{
	user-select:none;
}
.resultIT-logo>a>img
{
	max-width:100%;
    display:block;
    margin:0px auto;
}
a.navbar-brand
{
	padding:var(--padding-none);
}
.navbar-collapse
{
	justify-content:center;
}
li.nav-link
{
	font-size: 0.95rem;
}
li.nav-link>a
{
	color:#ffffff;
    text-transform:uppercase;
	text-decoration:none;
	trnasition:all ease-in-out 0.3s;
}
li.nav-link:hover a
{
	animation-name:onhover;
	animation-iteration-count:1;
	animation-duration:2s;
	animation-fill-mode:forwards;
}
@keyframes onhover
{
	from{border-bottom:2px solid #ffffff; }
	to{border-bottom:2px solid green; }
}
.resultIT-map-wrapper
{
	width:100%;
    display:block;
    margin:0px auto;
	position:relative;
}
.resultIT-map-wrapper>img
{
	max-width:100%;
    display:block;
    margin:0px auto;
}
.resultIT-map-services
{
	content: '';
    position: absolute;
    width: 85%;
    
    border: 0px solid green;
    padding: var(--padding);
    top: 50%;
    left: 40%;
    transform: translate(-40%, -80%);
}
.bottom-0
{
	transform: translate(-40%, -60%);
}
.index-p
{
	color: #fff;
    padding: 2px 4px;
    background: #254a5a;
    /* margin-bottom: 6px; */
    width: 88%;
    display: block;
    margin: 3px auto;
    border-radius: 10px;
    line-height: 1.6rem;
}
.index-h2
{
	position: absolute;
    top: 13%;
    left: 50%;
    width: 180px;
    border-radius: 50%;
    /* border: 1px solid green; */
    overflow-wrap: break-word;
    height: 180px;
    display: flex;
    align-items: center;
    text-align: center;
    /* z-index: 999; */
    color: #fff;
    font-size: 1rem;
    transform: translate(-58%, -20%);
    background: #fd9900;
    padding: 20px;
    line-height: 1.5rem;
    box-shadow: 2px 2px 10px #000000, -10px -2px 6px #000;
}
.flex-box
{
	width:100%;
	display:block;
	display: flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	justify-content:center;	
}
.flex-box>.col-xs-6
{
	width:50%;
}
.seo,.webdesign,.e-mail,.ecommerce
{
	width:100%;
	display:block;
	background: rgba(0,0,0,0.5);
	padding: 10px 10px;
	
}
.seo>a>img, .webdesign>a>img,.e-mail>a>img,.ecommerce>a>img
{
	max-width:100%;
	display:block;
	margin:0px auto;
}
.resultIT-map-services>ul
{
	transform:scale(1);
	transition:all ease-in-out 0.7s;
	position:relative;
    margin-bottom: 0;
}
.resultIT-map-services>ul>li
{
	padding: 0px 15px;
}
ul>li.active
{
	
}
.webdesign-detail,.seo-detail,.ecommerce-detail,.e-mail-detail
{
	transform: scale(0);
	text-align:center;	
	display:none;
}


@keyframes bounce
{
	0%
	{
		transform:translateX(-100%);
		opacity:0;
	}	
	100%
	{
		transform:translateX(0%);
		opacity:1;
	}
	
}
li.toog:nth-of-type(1)
{
	animation-name:bounce;
	animation-duration:1s;
	animation-iteration-count:1;	
}

li.toog:nth-of-type(2)
{
	animation-name:bounce;
	animation-duration:1s;
	animation-iteration-count:1;
}

li.toog:nth-of-type(3)
{
	animation-name:bounce;
	animation-duration:1s;
	animation-iteration-count:1;
}

li.toog:nth-of-type(4)
{
	animation-name:bounce;
	animation-duration:2s;
	animation-iteration-count:1;
}
.toog>.seo:hover .index-h2
{
	display:none;
}
.toog>.seo:hover + .seo-detail, .toog>.webdesign:hover + .webdesign-detail, .toog>.ecommerce:hover + .ecommerce-detail, .toog>.e-mail:hover + .e-mail-detail
{
	display: block;
    border: 0px solid green;
    position: absolute;
    width: 32%;
    
    transform: translate(-50%,-50%) scale(1);
    background: url(../images/message-box.png);
    background-repeat: no-repeat;
    background-size: contain;
    /* background-position: -14% 82%; */
    z-index: 1000;
    min-height: 185px;
}

.toog>.seo:hover + .seo-detail
{
	top: -56%;
    left: 32%;
}
.toog>.webdesign:hover + .webdesign-detail
{
	left: 54%;
    top: -56%;
}
.toog>.ecommerce:hover + .ecommerce-detail
{
	left: 77%;
    top: -56%;
}
.toog>.e-mail:hover + .e-mail-detail
{
	right: -33%;
    top: -56%;
}
.seo-detail>h4,.webdesign-detail>h4,.ecommerce-detail>h4,.e-mail-detail>h4
{
	color: #fd9900;
    padding: 0px 15px 5px;
    width: fit-content;
    display: block;
    margin: 0px auto;
    text-transform: uppercase;
}
.seo-detail>p,.webdesign-detail>p,.ecommerce-detail>p,.e-mail-detail>p
{    
	padding: 16px 10px; 
    margin: 30px 12px;
    font-size: 0.8rem;
    color: #fff;
	animation-name:delay-p;
	animation-iteration-count:1;
	animation-duration:1s;
	animation-fill-mode:forwards;
	transform:scale(0);
}

@keyframes delay-p
{
	from
	{		
		transform:scale(0);
	}
	to
	{
		transform:scale(1);
	}
	
}

.text-block-wrapper
{
	width: 100%;
    background: #f1f1f1;
    padding: 20px 0px 0px;
}
.bottom-text-block>h2
{
	font-size: 1.4rem;
	font-family: 'Poppins', sans-serif;
    color: #244a5a;
}
.bottom-text-block>h4
{
	color: #fd9900;
	font-size: 1.2rem;
}
.bottom-text-block>p
{
}
.seo-text-typography
	{
		text-align:center;
	} 
	.seo-text-typography>.card-deck
	{
		margin:0px;
	}
	.seo-text-typography>h1
	{
		color:#000000!important;
		margin-top:20px;
	}
	.seo-text-typography>h2
	{
	}
	.seo-text-typography>h4
	{
	}
	.seo-text-typography>p
	{
	}
.site-icon
{
	position: absolute;
    top: 65%;
    left: 2%;
    transform: translate(0%, -30%);
    background: #244a5a;
    min-width: 33%;
    min-height: 47%;
    /* border-radius: 50%; */
    clip-path: circle(40% at 50% 50%);
	display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}
.site-icon>i
{
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    color: #fd9900;
    width: 100%;
}
.site-icon>h4
{
    text-transform: uppercase;
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    color: #ffffff;
    width: 100%;
}
.site-icon>h4>span
{
    font-size: 1rem;
	display:block;
}
.seo-text-typography>.card
{
	margin:0px;
}
.seo-text-typography>.card-deck>.card>.card-body>h2
{
	font-size: 1.2rem !important;
    color: #000000!important;
    margin-top: 20px;
    font-family: 'Poppins', sans-serif;
}
.seo-text-typography>.card-deck>.card>.card-body>h4
{
	font-size: 1rem !important;
    color: #19cdff!important;
}	
.text-block>.card-deck>.card>.card-body>div#more>p
{
	font-weight: 400;
    line-height: 1.8rem;
    text-align: justify;
}
ul.seo-navigation>li
{
	font-size: 0.75rem;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
	position:relative;
}
ul.seo-navigation>li:after
{
	content: '';
    position: absolute;
    border-right: 1px solid #ffffff;
    height: 10px;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(12deg);
}
ul.seo-navigation>li:last-child:after
{
	border-right:none;
}
ul.seo-navigation>li.nav-link
{
	padding-left:0.2rem !important;
	padding-right:0.2rem!important;
}
ul.seo-navigation>li>a
{
    text-transform: capitalize;
	color: #19cdff;
}
.individual-menu
{
	width:100%;
	display:flex;
	background: #244a5a;
	min-height:93px;
    justify-content: center;
}
.map-wrapper>li
{
	width:calc(50% - 15px);
}

.left-block
{
	width:100%;
	display:block;
	border:0px solid green;
    margin-left: 10%;
	position:relative;
	transition:all ease-in-out 0.7s;
}
.left-block.hidden
{
	transform:scale(0);
}
.left-block.hidden img
{
	transform:scale(1);
}
.left-block>img
{
	max-width:100%;
}
.left-text
{
	position: absolute;
    top: 20%;
    left: 25%;
    border: 0px solid blue;
    padding-right: 10px;
	transition:all ease-in-out 2s;
	animation-name:ani;
	animation-duration:3s;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
}
@keyframes ani
{
	0%{transform:rotate(45deg);}
	100%{transform:rotate(360deg);}
}
.left-text.hidden
{
	opacity:0;
}
.left-text>p
{
	color: #fff;
    font-size: 0.9rem;	
	text-align:center;
}

.right-block
{
	width:calc(100% - 20px);
	border:0px solid;
}
.right-text
{
	padding-left:10px; 
}
.right-text>h4
{
	font-size: 1.2rem;
    color: #19cdff;
	background: #244a5a;
    padding-left: 6px;
    margin-left: 6px;
}
.right-text>h4, .right-text>img
{
	animation-name:text-h4;
	animation-iteration-count:1;
	animation-duration:3s;
	animation-fill-mode:forwards;
}
@keyframes text-h4
{
	0%{transform: translateY(-200px);
    opacity: 0;}
	100%{transform: translateY(0px);
    opacity: 1;}
}
.right-text>ul
{
	padding-left:7px;
	list-style:none;
}
.right-text>ul>li
{
	color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.6rem;
    background: #244a5a;
    margin-bottom: 0.3rem;
    padding-left: 12px;
	transition:all ease-in-out 0.7s;
}
.right-text>ul>li
{
	position:relative;
}
.right-text>ul>li:after
{
	content:'';
	position:absolute;
	    top: 50%;
    border: 1px solid #ffffff;
    width: 10px;
    left: 0px;
	transform: translateY(-50%)
}
.right-text>ul.hidden li
{
		opacity:0;
}
.right-text>ul.hidden li:nth-child(1)
{
    transform: translate(10%, 0%);
}
.right-text>ul.hidden li:nth-child(2)
{
    transform: translate(20%, 0%);
}
.right-text>ul.hidden li:nth-child(3)
{
    transform: translate(30%, 0%);
}
.right-text>ul.hidden li:nth-child(4)
{
    transform: translate(40%, 0%);
}
.right-text>ul.hidden li:nth-child(5)
{
    transform: translate(50%, 0%);
}
.right-text>ul.hidden li:nth-child(6)
{
    transform: translate(60%, 0%);
}
.right-text>ul.hidden li:nth-child(7)
{
    transform: translate(70%, 0%);
}
.right-text>ul.hidden li:nth-child(8)
{
    transform: translate(80%, 0%);
}
.read-more
{
	position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
	padding: 7px 50px;
}
.read-more>a.btn-info
{    
	text-transform: uppercase;
    font-weight: 400;
    font-size: 1rem;
	background:transparent;
	border:none;
	background:url('https://www.resultit.com.au/images/read-button-bg.png') no-repeat top center;
}
.read-more>a.btn-info:hover
{
	color: #fd9900;
}
.page-description-wrapper
{
	width: 59.906%;
	position:fixed;
	z-index:999;
	height:100%;
	transform:scale(0);
	top:0;
	transition:all ease-in-out 0.7s;
	overflow:scroll;
	background:#fff;
}
span.close-box
{
	
    background: #19cdff;
    color: #ffffff;
    padding: 3px 12px;
    text-transform: capitalize;
}
.water-mark
{	
	background:#ffffff url(../images/content-bg.jpg) no-repeat top center;	
    width: 100%;
    display: block;
    margin: 0px auto;
    border: 0px solid;
}
#more {
    display: none;
}
.our-web-services
{
	width:100%;
	display:block;
	border:0px solid;
}
.our-web-services>.list-group>a.list-group-item
{
	/*background-color: rgba(255,255,255,0.5);*/
    color: #19cdff;
    padding: 7px;
    font-size: 0.9rem;
	background:url('https://www.resultit.com.au/images//list-button.png') no-repeat top center;
	    text-align: center;
    margin-bottom: 4px;
	border:none;
}
.our-web-services>.list-group>a>code
{
	color:#ffffff;
}
.list-group-item-action:focus, .list-group-item-action:hover
{
	opacity:1 !important;
	color: #ffffff!important;
}
.text-block
{
	width:100%;
	display:block;
	border:0px solid blue;
	
	/*min-height: 485px;*/
	position:relative;
}
.text-block>h1
{
	color: #19ccfe;
    font-weight: 500;
	text-transform:capitalize;
	font-family: 'Poppins', sans-serif;
}
.text-block>h1>span
{
	color: #fd9900;
}
.text-block>p
{
	color: #000000;
    line-height: 1.8rem;
}
.text-block>p>b
{
	color: #fd9900;
}
.text-block>h2
{    text-transform: capitalize;
    color: #fd9900;
    font-size: 1.4rem;
}
.text-block>h4
{    text-transform: capitalize;
    color: #19cdff;
    font-size: 1.2rem;
}

.seo-copywrite-span
{
	font-size:0.9rem!important;
}
.seo-copywrite-p
{
	text-align:center;
}

.seo-content-writing-h4-span
{
	font-size:0.74rem!important;
}

.clip-left-img
{
	float: left;
    shape-outside: circle(50% at 50% 50%) padding-box;
}

.site-icon-webdesign-h4
{
	font-size:1.5rem!important;
}
ul.webdesign-navigation>li
{
	font-size: 0.75rem;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
	position:relative;
}
ul.webdesign-navigation>li:after
{
	content: '';
    position: absolute;
    border-right: 1px solid #ffffff;
    height: 10px;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(12deg);
}
ul.webdesign-navigation>li:last-child:after
{
	border-right:none;
}
ul.webdesign-navigation>li.nav-link
{
	padding-left:0.2rem !important;
	padding-right:0.2rem!important;
}
ul.webdesign-navigation>li>a
{
    text-transform: capitalize;
	color: #19cdff;
}
h4.webdesign
{
	padding:0px 7px;
	width:max-content;
	color: #ffffff;
    background: #fd9900;
	display:inherit;
    font-weight: 400;
}
.right-text>ul.webdesign-li>li
{
	background:#000000;
}
.text-block>.card-deck>.card
{
	margin-right:3px;
	margin-left:3px;
	    background: transparent;
    border-right: 1px solid #fd9900;
    border-left: 0px solid green;
    border-top: 0px solid green;
    border-bottom: 0px solid green;
	border-radius:0px;
}
.text-block>.card-deck>.card:last-child
{
	border:none;
}
.text-block>.card-deck>.card>.card-body
{
	padding:1rem;
}
.text-block>.card-deck>.card>.card-body>h2
{
	font-size: 1.6rem;
    color: #fd9900;
}
.text-block>.card-deck>.card>.card-body>h4
{
	font-size: 1.2rem;	
    color: #244a5a;
}
.text-block>.card-deck>.card>.card-body>p
{
	font-weight: 400;
    line-height: 1.8rem;
    text-align: justify;
}
.mobile-card
{
	perspective:800px;
	cursor:pointer;
}
.mobile-card>.rotate-img
{
	    transform: rotateY(45deg);
    transform-style: preserve-3d;
	    transition: all ease-in-out 0.7s;
}
.mobile-card:hover .rotate-img
{
	transform:rotateY(0deg);
}
.read-button
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	position:relative;
}
.position
{
	position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.read-button>a.btn-info
{
	color: white;
    text-align: center;
    text-transform: uppercase;
    padding: 8px 50px;
    text-decoration: none;
	background:url('https://www.resultit.com.au/images/read-more.png') no-repeat top center;
    margin-right: 20px;
	transition:all ease-in-out 0.5s;
	border:none;
}

.read-button>a.btn-info:hover 
{
	
	background:url('https://www.resultit.com.au/images/read-more-hover.png') no-repeat top center;
}

.read-button>a.btn-warning
{
	color: white;
    text-align: center;
    text-transform: uppercase;
    padding: 8px 50px;
    text-decoration: none;
	background:url('https://www.resultit.com.au/images/read-more-hover.png') no-repeat top center;
    margin-right: 20px;
	transition:all ease-in-out 0.5s;
	border:none;
}

.read-button>a.btn-warning:hover 
{
	
	background:url('https://www.resultit.com.au/images/read-more.png') no-repeat top center;
}

ul.email-navigation>li
{
	font-size: 0.75rem;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
	position:relative;
}
ul.email-navigation>li:after
{
	content: '';
    position: absolute;
    border-right: 1px solid #ffffff;
    height: 10px;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(12deg);
}
ul.email-navigation>li:last-child:after
{
	border-right:none;
}
ul.email-navigation>li.nav-link
{
	padding-left:0.2rem !important;
	padding-right:0.2rem!important;
}
ul.email-navigation>li>a
{
    text-transform: capitalize;
	color: #19cdff;
}

.email-marketing>h4
{
	background: #ffffff;
    color: #000000;
    padding: 2px;
}
.email-marketing>ul>li
{
	    background: #19a2b8;
}
.email-button
{
	font-size: 0.85rem;
}

.ecommerce-list>h4
{
    color: #ffffff;
    background: #33bc36;
}
.ecommerce-list>ul>li
{
	background: #043967;
}
.ecommerce-list>ul>li>span
{
}

.webservices-block
{
	width:100%;
	border:0px solid green;
}
.service-block-flex
{
	display:flex;
	border:0px solid green;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	flex-wrap:wrap;
    background: #f1f1f1;
    padding: 20px 0px;
	margin-bottom:20px;
    box-shadow: 4px 4px 5px #8e8d8d;
}
.service-block-flex-box
{
	width:100%;
	border:0px solid red;
}
.service-block-flex-box>h2
{
	text-transform: capitalize;
    color: #fd9900;
    font-family: 'Poppins', sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
}

.service-block-flex-box>ul
{
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.service-block-flex-box>ul>li
{    
	width: calc(50% - 3px);
}
.service-block-flex-box>ul>li>a
{
	text-decoration:none;
    color: #000000;
    font-size: 0.86rem;
}
.service-block-flex-box>ul>li:hover a
{
	color:green;
}

.call-us
{
	border:0px solid green;
}
.call-us>span
{
	display:block;
	
}
.right-text>ul.mobi-site-li>li 
{
    background: #ffffff;
}
.right-text>ul.mobi-site-li>li>span
{
    color: #000000;
}
.footer_end
{
    background: #fd9900;
    color: #ffffff;
    font-weight: 400;
    font-size: 0.9rem;
}
.footer_end>a
{
    color: #000000;
}
.resultIT-footer-wrapper, .footer-address
{
	width:100%;
	display:block;
}
.resultIT-footer-wrapper
{
	background: #21556a;
    padding: 7px;
    margin-top: 20px;
}
.footer-flex
{
	    align-items: center;
    padding-top: 20px;
} 
.footer-address>a>img
{
	max-width:100%;
	display:block;
	user-select:none;
}
.footer-address>h4
{
	color: #ffffff;
    font-size: 1rem;
    font-weight: 100;
}
h4#text-right
{
	font-weight:500;
    font-size: 1.1rem;
}
.footer-address>ul>li>a
{
	color:#ffffff;
    text-transform: uppercase;
}

.rectangle-shape
{
	border:1px solid #ffffff;
}
.about-h2
{
	position: absolute;
    top: 17%;
    left: 50%;
    color: #fd9900;
    /*background: #fd9900;*/
    padding: 3px;
    font-size: 1.6rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;    
	transform: translateX(-50%);
}
.about-h4
{
	position: absolute;
    top: 22%;
    left: 50%;
	transform: translateX(-50%);    
	font-size: 1.2rem;
    color: #19ccfe;
    padding: 3px;
}
.about-p
{
	position: absolute;
    top: 25%;
    left: 50%;
    color: #ffffff;
	transform: translateX(-50%);    
}
.about-ul-wrapper
{
	position: absolute;
    top: 37%;
    left: 50%;
    color: #ffffff;
    transform: translateX(-50%);
    border: 0px solid green;
    width: 100%;
    padding: 0px 20px;
}
.about-ul
{
	width:calc(50% - 5px);
    display: inline-block;
	
}
.about-ul>h4
{
	/*background: #19cdff;*/
	color: #19ccfe;
}
.about-p-2
{	
    width:calc(50% - 5px);
    display: inline-block;
}
.webpackages-wrapper
{
	    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: 0px solid;
    padding: 7px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    justify-content: center;
    height:100%;
}
.web-price
{
	display:block;
	width: 60%;
    text-align: center; 
	position:absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -1%);
}
.left-img
{
	border:0px solid red;
	float:left;
	width:200px;
	height:200px;
}
.right-img
{
	border:0px solid red;
	float:right;
	width:200px;
	height:200px;
}
.web-price>h4
{
	   margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 1.4rem;
    color: #19ccfe;
    animation-name: webAni;
    animation-iteration-count: 1;
    animation-duration: 1s;
    transition: all ease-in-out 0.7s;
    width: fit-content;
    display: block;
    margin: 0px auto 12px;
}
.web-price>h5
{    color: white;
    background: #244a5a;
    width: 50%;
    display: block;
    margin: 0px auto;
    padding: 3px;
}
.web-price>p
{
	color:#000000;
}
@keyframes webAni
{
	0%
	{
		transform:rotateZ(-10deg);
	}
	30%
	{
		transform:rotateZ(8deg);
	}
	50%
	{
		transform:rotateZ(-5deg);
	}
	100%
	{
		transform:rotateZ(0deg);
	}	
}
.webpackages-price-wrapper
{
	width:85%;
	border:0px solid green;
	display:flex;
    position:relative;
}
.webpackages-price-wrapper>[class*='col-']
{
    padding: 5px;
}
.webpackages-price-wrapper>[class*='col-']:nth-of-type(1)
{   
    position: absolute;
    transform: translate(25%, 94%);
}
.webpackages-price-wrapper>[class*='col-']:nth-of-type(2)
{  	
    left: 52%;
    position: absolute; 
    transform: translate(-30%, 42%);
}
.webpackages-price-wrapper>[class*='col-']:nth-of-type(3)
{   
	
    left: 90%;
    position: absolute;
    transform: translate(-42%, 53%);
}
.Biz-Starter, .Biz-Smart, .Biz-Pro
{
	width:100%;
	display:block;
	
	min-height:280px;
}
.Biz-Starter>.btn, .Biz-Smart>.btn, .Biz-Pro>.btn
{
	text-transform:uppercase;
}
.Biz-Starter
{
	border:2px solid #36aedf;
	/*border-top-left-radius: 50%;*/
    border-top-right-radius: 50%;
    background: #117ba8;
}
.Biz-Smart
{
	border:2px solid #e2e2e2;
	/*border-top-left-radius: 50%;*/
    border-top-right-radius: 50%;
    background: #d9d9d9;
}
.Biz-Pro
{
	border:2px solid #c3790c;
	/*border-top-left-radius: 50%;*/
    border-top-right-radius: 50%;
    background: #f3ab40;
}
.Biz-Starter>img,.Biz-Smart>img,.Biz-Pro>img
{
	max-width:100%;
	display:block;
	margin:0px auto;
}
.Biz-Starter>ul>li
{
	color:#ffffff;
    font-size: 0.9rem;
    font-weight: 300;
    line-height: 1.7em;
}
.Biz-Smart>ul>li
{
	
	color:#000000;
    font-size: 0.9rem;
    font-weight: 300;
    line-height: 1.7em;
}
.Biz-Pro>ul>li
{	
	color:#ffffff;
    font-size: 0.9rem;
    font-weight: 300;
    line-height: 1.7em;
}
h4.webpackage-h4
{
	background: #113747;
    padding-left: 10px;
    color: #19cdff;    
	font-size: 1.4rem;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 7px 10px;
    text-transform: capitalize;
}
.webpackage-li>li
{
    padding-bottom: 1.2rem;
    font-size: 0.9rem;
	position:relative;
}
.webpackage-li>li>img
{
	min-width: 25px;
    position: absolute;
    left: 0;
}
.webpackage-li>li>span
{
    width: calc(100% - 8%);
    position: absolute;
    left: 8%;
    
}
.package-price
{
}
.package-price>p
{
}
.webpackage-li>li>ul
{
}
.webpackage-li>li>ul>li
{
    color: #fd9900;
    list-style: none;
}
ul.webdesign-submenu
{
	border:0px solid green;
    list-style: none;
}	
ul.webdesign-submenu>li
{
    position: relative;
    padding-left: 20px;
    color: #fd9900;
    font-size: 1.2rem;
    font-weight: 500;
}
ul.webdesign-submenu>li:after
{
	position:absolute;
	content:'»';
	top:50%;
	left:0;
	transform:translateY(-50%);
}
ul.webdesign-submenu>li>a
{    
	font-size: 1rem;
    font-weight: 400;
    text-transform: capitalize;
    color: #113948;
}
.contact-us-wrapper
{
	border: 0px solid #fff;
    padding: 5px;
    width: 100%;
    position: absolute;
    bottom: 23%;
    left: 50%;
    transform: translate(-50%, -23%);
    height: 50%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
}

.content-h2
{
	text-align: center;
    margin-top: 10px;
    display: block;
    color: #fff;
}
.content-h2>span
{
	color: #fd9900;
}

.contact-us-left,.contact-us-right
{
	width:100%;
	display:block;
	border:0px solid red;
    margin-top: 2.5%;
	text-align:center;
}
.contact-us-left>h4
{
    text-align: center;
    text-align: left;
	color:#19cdff;
	position:relative;
}
.contact-us-left>h4:after
{
	content: '';
    position: absolute;
    border-bottom: 1px double white;
    width: 29%;
    left: 0%;
    bottom: -3px;
    transform: translateX(0%);
}
.enquiry-form
{
	border: 0px solid red;
    margin-right: 20%;
    text-align: center;
    margin-top: 0%;
}
.enquiry-form>form>.form-group
{
	margin-bottom:0px;
}
.enquiry-form>form>.form-group>label
{    
	text-transform: uppercase;
    color: #ffffff;
	margin-bottom:0px;
}
.enquiry-form>form>.form-group>label>code
{
    color: #fd9900;
    background: #000;
	padding:3px;
}
.enquiry-form>form>.form-group>input,.enquiry-form>form>.form-group>textarea
{
    border: 1px solid #19cdff;
    border-radius: 0px;
    background: #244a5a;
	color:#ffffff;
    height: auto;
}
.enquiry-form>form>.form-group>input:focus,.enquiry-form>form>.form-group>textarea:focus
{
    border: 1px solid #fd9801;
}
.enquiry-form>form>.form-group>input:hover,.enquiry-form>form>.form-group>textarea:hover
{
    border: 1px solid #fd9801;
}
.enquiry-form>form>.form-group>input::placeholder, .enquiry-form>form>.form-group>textarea::placeholder
{
	text-transform:uppercase;
	color:#cccccc;
}
.address
{
	width:100%;
	display:block;
	border:0px solid;
}
.address>h4
{
    color: #19cdff;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.address>p
{
    color: #ffffff;
}
.address>p>span
{
    font-size: 1.2rem;
    color: #19cdff;
	position:relative;
}
.address>p>span:after
{
	content: '';
    position: absolute;
    border-bottom: 1px double;
    width: 100%;
    padding: 2px;
    left: 0;
    bottom: 0;
    color: #ffffff;
}

.mobi-view-wrapper
{
	display:block;
	border:0px solid green;
    background: #fdfdfd;
    padding-bottom: 20px;
}
.mobi-view-text
{
	display:block;
	border:0px solid red;
    padding-top: 20px;
}
.mobi-view-text>h2
{
	text-align: center;
    font-size: 1.6rem;
    color: #fd9900;
    text-transform: uppercase;
}
.mobi-view-text>h2>span
{
    color: #19cdff;
}
.mobi-view-text>p
{
    font-weight: 300;
    color: #000000;
    text-align: center;
    line-height: 1.6rem;
}

.mobi-view-text>h4
{
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #19ccfe;
}
.mobi-view-text>h4+img
{
    shape-outside: circle(50%);
    float: left;
}
.mobi-view-text>h4~p
{
	text-align:left;
}
.mobi-view-text>h4~p>a.btn-info
{
    border-radius: 0;
    padding: 1px 7px;
    margin: 4px 10px;
    text-transform: capitalize;
}
.mbi-about
	{
		background:#254a5a;
		padding:5px;
	}

@media only screen and (min-width:0px) and (max-width:767px)
{
	.resultIT-map-wrapper>img
	{
		/*display:none;*/
	}
	.index-h2
	{
		left: 50%;
		top: 15%;
		transform: translate(-50%, 0%);
		font-size: 0.75rem;
		line-height: 1rem;
		width: 135px;
		font-weight: 300;
		height: 135px;	
	}
	
	.index-p
	{
		width: 100%;
		font-weight: 300;
		text-align: center;
		font-size: 0.91rem;
		order:2;
		border-radius: 0px;
	}
	.resultIT-logo
	{
		padding:var(--padding-none);
	}
	.resultIT-logo>a>img
	{
		max-width:200px;
	}
	.page-description-wrapper
	{
		position:relative;
		width:100%;
		transform:scale(1);
	}
	.mobi-h1
	{
		font-size:1.8rem;
		text-align:center;
	}
	.mobi-h2
	{
		font-size:1.4rem;
		color: #179cc4;
	}
	.mobi-h4
	{
		font-size:1.2rem;
		color: #fd9900;
	}
		
		
	    
    .contact-us-wrapper
    {
    	position:relative;
        left:0;
        transform:translate(0,0);
   	 	background: #254a5a;
    }
    .enquiry-form
    {
    	margin-right:0;
    }
    .contact-us-left>h4
    {
    	text-align:center;
    }
    .contact-us-left>h4:after
    {
    	left:50%;
        transform:translateX(-50%);
    }
    .contact-us-left
    {
    	background: #0b6811;
    }
	
	.about-h2, .about-h4,.about-p,.about-ul-wrapper
	{
		position:relative;
	}
	.about-ul,.about-p-2
	{
		width:100%;
	}
	.about-p
	{
		font-weight:300;
	}
    .webpackage-li>li>span
    {
    	left:12%;
        width:100%;
    }
	
}
@media only screen and (min-width:768px) and (max-width:991px)
{
	
	.page-description-wrapper
	{
		position:relative;
		width:100%;
		transform:scale(1);
	}
	.mobi-h1
	{
		font-size:1.8rem;
		text-align:center;
	}
	.mobi-h2
	{
		font-size:1.4rem;
		color: #179cc4;
	}
	.mobi-h4
	{
		font-size:1.2rem;
		color: #fd9900;
	}
     .contact-us-wrapper
    {
    	position:relative;
        left:0;
        transform:translate(0,0);
   	 	background: #254a5a;
    }
    .enquiry-form
    {
    	margin-right:0;
    }
    
    .contact-us-left>h4
    {
    	text-align:center;
    }
    .contact-us-left>h4:after
    {
    	left:50%;
        transform:translateX(-50%);
    }
    .contact-us-left
    {
    	background: #0b6811;
    }
	
	.about-h2, .about-h4,.about-p,.about-ul-wrapper
	{
		position:relative;
	}
	.about-ul,.about-p-2
	{
		width:100%;
	}
	.about-p
	{
		font-weight:300;
	}
}

@media only screen and (min-width:992px) and (max-width:1023px)
{
	
	.page-description-wrapper
	{
		position:relative;
		width:100%;
		transform:scale(1);
	}
	.mobi-h1
	{
		font-size:1.8rem;
	}
	.mobi-h2
	{
		font-size:1.4rem;
		color: #179cc4;
	}
	.mobi-h4
	{
		font-size:1.2rem;
		color: #fd9900;
	}
}

@media only screen and (min-width:1024px) and (max-width:1366px)
{
	
	.page-description-wrapper
	{
		position:relative;
		width:100%;
		transform:scale(1);
	}
	.mobi-h1
	{
		font-size:1.8rem;
	}
	.mobi-h2
	{
		font-size:1.4rem;
		color: #179cc4;
	}
	.mobi-h4
	{
		font-size:1.2rem;
		color: #fd9900;
	}
	.our-web-services>.list-group>a.list-group-item
	{
		padding:4px;
	}
}