@charset "utf-8";
/* CSS Document */
.screen-reader-text {
	border: 0;
	clip: rect(1px,1px,1px,1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute!important;
	width: 1px;
	word-wrap: normal!important;
	word-break: normal
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	clip: auto!important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size:.875rem;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	height: auto;
	right: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}
.skip-link {
	left: -9999rem;
	top: 2.5rem;
	z-index: 999999999;
	text-decoration: underline
}
.skip-link:focus {
	display: block;
	left: 6px;
	top: 7px;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	text-decoration: none;
	line-height: normal;
	padding: 15px 23px 14px;
	z-index: 100000;
	right: auto
}

.wrapper {
    margin: 0 auto;
    max-width: 2000px;
    background: #fff;
	position: relative;
}
@font-face {
    font-family: 'Roboto';
	src:url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
	src:url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
	src:url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
	src:url('../fonts/Rubik-Regular.woff2') format('woff2'),
        url('../fonts/Rubik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
	src:url('../fonts/Rubik-SemiBold.woff2') format('woff2'),
        url('../fonts/Rubik-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


/* General Style Start */ 
*{
	padding:0;
	margin:0;
	border:0;
	vertical-align:baseline;
	box-sizing:border-box;
}
html{
	font-size:62.5%; /* 1rem = 10px */
	scroll-behavior:smooth;
}
body{
    font: normal 1.4rem / 2.0rem 'Rubik', sans-serif;
	color:#717070;
	position:relative;
	background:#01111e;
}
ul{
	list-style-type:none;
	margin:0 0 20px 10px;
}
ul>li{
/*	background:url(../images/list-bg.png) 0 6px no-repeat;*/
	padding:0 0 0 20px;
	margin:0 0 6px;
}
ol{
	margin:0 0 20px 14px;
	list-style-position:inside;
}
ol>li{
	padding:0 0 0 20px;
	margin:0 0 6px;
}
ul li:last-child{
	margin-bottom:0;
}
ol ul, ul ol, ol ol, ul ul{
	margin-top:10px;
}
ol ol{
	list-style-type:lower-roman;
}
ul ol>li{
	background-image:none;
}
strong{
	font-family: 'Roboto', sans-serif;
	font-weight:500;
}
h1, h2, h3, h4, h5, h6{
	font-weight:900;
	font-family: 'Roboto', sans-serif;
}
h1, .h1{
	font-size:1.8rem;
	line-height:2.4rem;
	margin:0 0 12px;
	color:#003e6a;
	font-weight:900;
	font-family: 'Roboto', sans-serif;
}
h2, .h2{
	font-size:1.8rem;
	line-height:2.4rem;
	margin:0 0 12px;
	color:#003e6a;
	font-weight:900;
	font-family: 'Roboto', sans-serif;
}
h3, .h3{
	font-size:1.4rem;
	line-height:2.0rem;
	margin:0 0 6px 0;
	color:#2d2d2d;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
h4, .h4{
	font-size:1.5rem;
	line-height:2.1rem;
	margin:0 0 6px 0;
	color:#2d2d2d;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
h5, .h5{
	font-size:1.4rem;
    line-height:2.0rem;
	color:#444;
	margin:0 0 6px;
	ffont-weight: bold;
	font-family: 'Roboto', sans-serif;
}
mark{
	background-color:#ddfdc4;
	padding:0 4px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display:block;
}
big{
	font-size:125%;
}
small{
	font-size:85%;
}
p{
	margin:0 0 16px;
}
p:last-child{
	margin-bottom:0;
}
a{
	color:#004F2F;
	text-decoration:none;
	outline:none;	
	text-decoration:none;
	-webkit-transition:all .5s;
    -khtml-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
}
img{
	display:inline-block;
	border:none;
	outline:none;
	max-width:100%;	
	height:auto;
}
.clearfix{
	clear:both;
}
.clearfix::after{
	content:"";
	clear:both;
	display:table;
}
blockquote, q{
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after{
	content:'';
	content:none;
}
audio, canvas, video{
	display:inline-block;
}
audio:not([controls]){
	display:none;
}
del{
	color:#333;
}
ins{
	background:#fff9c0;
	text-decoration:none;
}
hr{
	background-color:#ccc;
	border:0;
	height:1px;
	margin:24px;
	margin-bottom:1.71rem;
}
address{
	font-style:normal;	
}
sub, sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup{
	top:-0.5rem;
}
sub{
	bottom:-0.25rem;
}

/*general style start*/
table, th, tr{
    border:1px solid rgba(0,0,0,.1);
}
table{
    border-collapse:collapse;
    border-spacing:0;
	margin-bottom:20px;
	color:#222;
	border:1px solid #e6e6e6;
	border-width:0;
}
table:last-child{
	margin-bottom:0;
}
td, th, tr{
	border-width:0 0 1px 0
}
table td{
	padding:6px 14px;
}
table thead th, table th{
    background:#0c492c;
    color:#fff;
	padding:8px 6px;
	font-weight:600;
	font-family: 'Rubik', sans-serif;
}
.tabular-wrap {
	overflow:auto;
	margin:0 0 14px;
}
.table-w-bdr table, .table-w-bdr table td{
    border:solid rgba(0,0,0,.1);
	border-width:1px 1px 0 1px;
	vertical-align:middle;
}
.table-w-bdr td{
	border-width:0 0 1px 0;
}
.table-bg-gray tr:nth-of-type(odd) {
    background-color:#f9f9f9;
}
.table-bg-gray table{
    border-width:1px;
}

.tabular-wrap:last-child table{
	margin-bottom:0;
}

.table-w-bg table tbody tr:nth-of-type(odd) {
    background:#e5f3ea;
}

input[type="text"], select, textarea, input[type="tel"], input[type="email"], input[type="password"], input[type="search"]{
	font:normal 1.3rem/2.4rem 'Rubik', sans-serif;
	color:#000;
	background-color:#fff;
	outline:none;
	border:#a42857 solid 1px;
    width:auto;
    padding:4px 12px;
    margin-bottom:10px;
	border-radius:3px;
}
button, input[type="submit"], input[type="button"], input[type="reset"]{
    padding:6px 12px;
	font:600  1.4rem/2.4rem 'Rubik', sans-serif;
	display:inline-block;
	width:auto;
	color:#fff;
	outline:none;
	border-radius:3px;
	background-color:#008562;
	cursor:pointer;
	-webkit-transition:all .3s;
    -khtml-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
	border:0;
	text-transform:uppercase;
}
select{
	font:normal 1.3rem/2.4rem 'Rubik', sans-serif;
    padding:6px 8px;
}
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus{
	border:#a4a5a3 solid 1px;
    box-shadow:0 0 8px 2px #ffbbd4;
	color:#565656;	
	-webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
label{
    font-size:1.5rem;
    line-height:2.5rem;
    display:inline-block;
    padding-bottom:4px;
    font-weight:normal;
	font-family: 'Rubik', sans-serif;
}
caption{
	font-weight:normal;
	text-align:left;
}
.txt-aln-center{
	text-align:center;
}
.txt-aln-left{
	text-align:left;
}
.txt-aln-right{
	text-align:right;
}
.alignright, .alignleft, .aligncenter{
    width:auto;
    height:auto;
	text-align:center;
	margin-bottom:2%;
}
.justify-text {
    text-align: justify;
}
.aligncenter{
	display:inline-block;
	text-align:center;
}
.no-mar-pad{
	margin:0 !important;
	padding:0 !important;
}
.no-mar{
	margin:0 !important;
}
.no-pad{
	padding:0 !important;
}
.no-top-mar-pad{
	margin-top:0 !important;
	padding-top:0 !important;
}
.no-top-mar{
	margin-top:0 !important;
}
.no-top-pad{
	padding-top:0 !important;
}
.no-bot-mar-pad{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}
.no-bot-pad{
	padding-bottom:0 !important;
}
.no-bot-mar{
	margin-bottom:0 !important;
}
.link-btn{
	display:inline-block;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12.8'%3E%3Cpath fill='%23fff' d='M19.6 5.6L14.2.4c-.5-.5-1.2-.4-1.7 0-.5.5-.4 1.2 0 1.7l3.3 3.2-14.6-.2C.6 5.1 0 5.7 0 6.3c0 .7.6 1.2 1.2 1.2l14.6.1-3.3 3.1c-.5.5-.5 1.2 0 1.7.2.2.5.4.9.4.3 0 .6-.1.8-.3l5.4-5.1c.3-.3.4-.7.4-1s-.1-.6-.4-.8z'/%3E%3C/svg%3E")no-repeat 92% 50% #00ba21;
	background-size: 20px auto;
    margin: 0 0 10px 0;
    color:#fff;
    padding:7px 35px 7px 13px;
	border-radius:50px 50px 50px 0;
    font-size:1.3rem;
	line-height:1.9rem;
	text-transform:uppercase;
	border:1px solid transparent;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	margin-right: 10px;
}
.sec-wrap-full-width{
	width:100%;
}
/* General Style End */
.display-flex-for-mob {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media only screen and (min-width:480px){
	/* General Style Start */
	
}

@media only screen and (min-width:500px){
	.display-flex-for-500 {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}	
}
@media only screen and (min-width:768px){
.display-flex-for-768 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
	.alignright{
		float:right;
		margin:0 0 1.5% 3%;
		width:45%;
		max-width:501px;
	}
	.alignleft{
		float:left;
		margin:0 2.5% 1.3% 0;
		width:32%;
		max-width:301px;
	}
/* General Style start */
	body{
		font-size:1.6rem;
		line-height:2.2rem;
	}
	h1, .h1{
		font-size:2.5rem;
		line-height:3.1rem;
		margin:0 0 15px;
	}
	h2, .h2{
		font-size:2.5rem;
		line-height:3.1rem;
		margin:0 0 15px;
	}
	h3, .h3{
		font-size:1.6rem;
		line-height:2.2rem;
		margin:0 0 8px 0;
	}
	h4, .h4{
		font-size:1.6rem;
		line-height:2.2rem;
		margin:0 0 8px 0;
	}
	h5, .h5{
		font-size:1.6rem;
		line-height:2.2rem;
		margin:0 0 8px 0;
	}
	p{
		margin:0 0 20px;
	}
	/* Hover Effect Start */
	.link-btn{
		font-size: 1.4rem;
		line-height: 2.0rem;
		padding: 8px 43px 8px 19px;
		background-size: 18px auto;
        background-position: 87% 50%;
	}
	input[type="text"], select, textarea, input[type="tel"], input[type="email"], input[type="password"], input[type="search"]{
		padding:6px 14px;
	}
	select{
	    padding:10px 10px;
	}
	input[type="submit"], button{
		padding:7px 20px;
	}
	/* Hover Effect End */
}
@media only screen and (min-width:921px){
	.display-flex-for-921 {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
@media only screen and (min-width:1025px){
	.display-flex-for-1025 {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	/* General Style start */ 
	.sec-wrap{
		padding:4% 0;
		margin:2% 0;
	}
	h1, .h1{
		font-size:3.0rem;
		line-height:3.6rem;
		margin:0 0 20px 0;
	}
	h2, .h2{
		font-size:3.0rem;
		line-height:3.6rem;
		margin:0 0 20px 0;
	}
	h3, .h3{
		font-size:1.9rem;
		line-height:2.5rem;
		margin:0 0 10px 0;
	}
	h4, .h4{
		font-size:1.9rem;
		line-height:2.4rem;
		margin:0 0 10px 0;
	}
	h5, .h5{
		font-size:1.8rem;
		line-height:2.5rem;
		margin:0 0 10px 0;
	}
	/* Header Start */
	.link-btn:hover{
		color: #ffe500;
		background:#cb4e1d;
		background-size: 21px auto;
        background-position: 93% 50%;
	}
	input[type="submit"]:hover, button:hover{
		background-color: #f26c3d;
	}
	
}


/*container  start*/
.container{
	max-width: 1600px;
	margin: 0 auto;
	width:94%;
}
.container-lg{
	max-width: 1600px;
	margin: 0 auto;
	width:94%;
}
.container-md{
	max-width: 1600px;
	margin: 0 auto;
	width:92%;
}
@media only screen and (min-width:921px){
	
}
@media only screen and (min-width:1025px){
	
}
@media only screen and (min-width:1300px){
	
	
}
@media only screen and (min-width:1500px){
	.container {
		width: 84%;
	}
}
@media only screen and (min-width:1900px){
	
}
/*container  end*/
/*div with  start*/
.width-50-50 .leftpan{
	width: 100%;
	margin-bottom: 40px;
}
.width-50-50 .rightpan{
	width: 100%;
	margin-bottom: 0;
}
.width-40-60 .leftpan{
	width: 100%;
	margin-bottom: 40px;
}
.width-40-60 .rightpan{
	width: 100%;
	margin-bottom: 0;
}
.width-60-40 .leftpan{
	width: 100%;
	margin-bottom: 40px;
}
.width-60-40 .rightpan{
	width: 100%;
}
.width-70-30 .leftpan{
	width: 100%;
	margin-bottom: 40px;
}
.width-70-30 .rightpan{
	width: 100%;
}
.width-30-70 .leftpan{
	width: 100%;
	margin-bottom: 40px;
}
.width-30-70 .rightpan{
	width: 100%;
}
.width-80-20 .leftpan{
	width: 100%;
	margin-bottom:40px;
}
.width-80-20 .rightpan{
	width: 100%;
	margin-bottom: 0;
}
@media only screen and (min-width:768px){
	.width-50-50 .leftpan, .width-50-50 .rightpan, .leftpan, .rightpan{
		width: 48%;
		margin-bottom: 0;
	}
	.width-40-60 .leftpan{
		width: 38%;
		margin-bottom: 0;
	}
	.width-40-60 .rightpan{
		width: 58%;
		margin-bottom: 0;
	}
	.width-60-40 .leftpan{
		width: 58%;
		margin-bottom: 0;
	}
	.width-60-40 .rightpan{
		width: 38%;
		margin-bottom: 0;
	}
	.width-70-30 .leftpan{
		width: 68%;
		margin-bottom: 20px;
		margin-bottom: 0;
	}
	.width-70-30 .rightpan{
		width: 28%;
		margin-bottom: 0;
	}
	.width-30-70 .leftpan{
		width: 28%;
		margin-bottom: 0;
	}
	.width-30-70 .rightpan{
		width: 68%;
		margin-bottom: 0;
	}
	.width-20-80 .leftpan{
		width: 18%;
		margin-bottom: 0;
	}
	.width-20-80 .rightpan{
		width: 18%;
		margin-bottom: 0;
	}
	.width-80-20 .leftpan{
		width: 78%;
		margin-bottom: 0;
	}
	.width-80-20 .rightpan{
		width: 18%;
		margin-bottom: 0;
	}
	
}
/*div with  start*/
/*sec wrap start*/
.sec-wrap {
    padding: 25px 0;
    margin: 25px 0;
}
@media only screen and (min-width: 768px) {  
	.sec-wrap {
        padding: 30px 0;
        margin: 30px 0;
    }
}
@media only screen and (min-width: 1200px) {
	.sec-wrap {
        padding: 40px 0;
        margin: 40px 0;
    }
}
@media only screen and (min-width: 1500px) {
    .sec-wrap {
        padding: 50px 0;
        margin: 50px 0;
    }
}
/*sec wrap end*/
.col1 li, .col2 li, .col3 li, .col4 li, .col5 li, .col6 li{
	width: 100%;
	margin-bottom: 20px;
	background-image: none;
}
@media only screen and (min-width:500px){
	.col2 li, .col3 li, .col4 li, .col5 li, .col6 li{
		width: 48%;
		margin: 1%;
	}	
}
@media only screen and (min-width:768px){
	
	.col3 li, .col4 li, .col5 li, .col6 li{
		width: 31%;
		margin: 1%;
	}
}
@media only screen and (min-width:1025px){
	.col4 li{
		width: 23%;
		margin: 1%;
	}
	.col5 li{
		width: 23%;
		margin: 1%;
	}
}
@media only screen and (min-width:1500px){
	.col6 li{
		width: 18%;
		margin: 1%;
	}
	
}
@media only screen and (min-width:1800px){
	.col5 li{
		width: 18%;
		margin: 1%;
	}
	.col6 ul li{
		width: 14.66%;
		margin: 1%;
	}
}


/* General Style End */
/* CSS for Grid Style start */
.row{
	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display:-ms-flexbox;      /* TWEENER - IE 10 */
	display:-webkit-flex;     /* NEW - Chrome */
	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-left:-1.5%;
    margin-right:-1.5%;
	margin-bottom:1.0%;
}
.row>*{
    flex-shrink:0;
    width:100%;
    max-width:100%;
    padding:0.8% 1.5%;
}

.col{
	width:100%;
}
.col-auto{
    flex:0 0 auto;
    width:auto !important;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{
	width:100%;
}
.col input[type="text"], .col input[type=email], .col input[type=tel], .col select, .col textarea, .col input[type=password],
*[class*='col-'] input[type=text], *[class*='col-'] input[type=email], *[class*='col-'] input[type=tel], *[class*='col-'] select, *[class*='col-'] textarea
{
	width:100%;
	margin-bottom:0;
}
.inline-label input[type="text"], .inline-label input[type=email], .inline-label input[type=tel], .inline-label select, .inline-label textarea, .inline-label input[type=password]{
	width:100%;
	margin-bottom:0;
	
}
@media only screen and (min-width:768px){
	.col{
		flex:1 0 0%;
    	width:100%;
		margin:0;
	}
	.inline-label input[type="text"], .inline-label input[type=email], .inline-label input[type=tel], .inline-label select, .inline-label textarea, .inline-label input[type=password]{
		flex:1 0 1%;
	}
	.inline-label>*, .inline-label>div[class*='col-']>*,.inline-label>div.col>*{
		margin-left:0.5%;
		margin-right:0.5%;
	}
	.inline-label>*:first-child, .inline-label>div[class*='col-']>*:first-child,.inline-label>div.col>*:first-child{
		margin-left:0%;
	}
	.inline-label>*:last-child, .inline-label>div[class*='col-']>*:last-child,.inline-label>div.col>*:last-child{
		margin-right:0%;
	}
	.row>*{
		margin:0;
		-webkit-align-items:center;
		align-items:center;
		-webkit-align-self:flex-end;
		align-self:flex-end;
	}
	.inline-label, .inline-label>div[class*='col-'],.inline-label>div.col{
		display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display:-ms-flexbox;      /* TWEENER - IE 10 */
		display:-webkit-flex;     /* NEW - Chrome */
		display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	input.col[type="text"], input.col[type=email], input.col[type=tel], select.col ,  textarea.col, input.col[type=password],
input.inline-label[type="text"], input.inline-label[type=email], input.inline-label[type=tel],  select.inline-label,  textarea.inline-label, input.inline-label[type=password]			 	{
		margin-bottom:0;	
	}
	.col-1{
	  flex:0 0 auto;
	   width:8.33333333%;
	}
	.col-2{
	  width:16.66666667%;
	  flex:0 0 auto;
	}
	.col-3{
	  width:25%;
	  flex:0 0 auto;
	}
	.col-4{
	  width:33.33333333%;
	  flex:0 0 auto;
	}
	.col-5{
	  width:41.66666667%;
	  flex:0 0 auto;
	}
	.col-6{
	  width:50%;
	  flex:0 0 auto;
	}
	.col-7{
	  width:58.33333333%;
	  flex:0 0 auto;
	}
	.col-8{
	  width:66.66666667%;
	  flex:0 0 auto;
	}
	.col-9{
	  width:75%;
	  flex:0 0 auto;
	}
	.col-10{
	  width:83.33333333%;
	  flex:0 0 auto;
	}
	.col-11{
	  width:91.66666667%;
	  flex:0 0 auto;
	}
	.col-12{
	  width:100%;
	}
	
}
@media only screen and (max-width:767px){
	.col label, .inline-label label, *[class*='col-'] label{
		width:100%;
		margin-bottom:1%;		
	}
	.col-sm-1{
	   width:8.33333333%;
	}
	.col-sm-2{
	  width:16.66666667%;
	}
	.col-sm-3{
	  width:25%;
	}
	.col-sm-4{
	  width:33.33333333%;
	}
	.col-sm-5{
	  width:41.66666667%;
	}
	.col-sm-6{
	  width:50%;
	}
	.col-sm-7{
	  width:58.33333333%;
	}
	.col-sm-8{
	  width:66.66666667%;
	}
	.col-sm-9{
	  width:75%;
	}
	.col-sm-10{
	  width:83.33333333%;
	}
	.col-sm-11{
	  width:91.66666667%;
	}
	.col-sm-12{
	  width:100%;
	}	
}
@media only screen and (min-width:768px) and (max-width:992px){
	*[class*='col-lg-']{
		flex:0 0 auto;
	}
	.col-lg-1{
	   width:8.33333333%;
	}
	.col-lg-2{
	  width:16.66666667%;
	}
	.col-lg-3{
	  width:25%;
	}
	.col-lg-4{
	  width:33.33333333%;
	}
	.col-lg-5{
	  width:41.66666667%;
	}
	.col-lg-6{
	  width:50%;
	}
	.col-lg-7{
	  width:58.33333333%;
	}
	.col-lg-8{
	  width:66.66666667%;
	}
	.col-lg-9{
	  width:75%;
	}
	.col-lg-10{
	  width:83.33333333%;
	}
	.col-lg-11{
	  width:91.66666667%;
	}
	.col-lg-12{
	  width:100%;
	}	
}
@media only screen and (min-width:993px) and (max-width:1200px){
	*[class*='col-xl-']{
		flex:0 0 auto;
	}
	.col-xl-1{
	   width:8.33333333%;
	}
	.col-xl-2{
	  width:16.66666667%;
	}
	.col-xl-3{
	  width:25%;
	}
	.col-xl-4{
	  width:33.33333333%;
	}
	.col-xl-5{
	  width:41.66666667%;
	}
	.col-xl-6{
	  width:50%;
	}
	.col-xl-7{
	  width:58.33333333%;
	}
	.col-xl-8{
	  width:66.66666667%;
	}
	.col-xl-9{
	  width:75%;
	}
	.col-xl-10{
	  width:83.33333333%;
	}
	.col-xl-11{
	  width:91.66666667%;
	}
	.col-xl-12{
	  width:100%;
	}	
}
@media only screen and (min-width:1201px) and (max-width:2000px){
	*[class*='col-xxl-']{
		flex:0 0 auto;
	}
	.col-xxl-1{
	   width:8.33333333%;
	}
	.col-xxl-2{
	  width:16.66666667%;
	}
	.col-xxl-3{
	  width:25%;
	}
	.col-xxl-4{
	  width:33.33333333%;
	}
	.col-xxl-5{
	  width:41.66666667%;
	}
	.col-xxl-6{
	  width:50%;
	}
	.col-xxl-7{
	  width:58.33333333%;
	}
	.col-xxl-8{
	  width:66.66666667%;
	}
	.col-xxl-9{
	  width:75%;
	}
	.col-xxl-10{
	  width:83.33333333%;
	}
	.col-xxl-11{
	  width:91.66666667%;
	}
	.col-xxl-12{
	  width:100%;
	}	
}
/* CSS for Grid Style end */

