/**/@font-face {
 	font-family: 'Effra-Regular';
 	src: url('../../ar/fonts/Effra-Regular.eot');
 	src: url('../../ar/fonts/Effra-Regular.eot?#iefix') format('embedded-opentype'), 
url('../../ar/fonts/Effra-Regular.woff') format('woff'), 
url('../../ar/fonts/Effra-Regular.ttf') format('truetype'), 
url('../../ar/fonts/Effra-Regular.svg#pagesans-regular') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
    font-family: 'Effra-Light';
    src: url('../../ar/fonts/Effra-Light.eot');
    src: url('../../ar/fonts/Effra-Light.eot?#iefix') format('embedded-opentype'),
url('../../ar/fonts/Effra-Light.woff') format('woff'),
url('../../ar/fonts/Effra-Light.ttf') format('truetype'),
url('../../ar/fonts/Effra-Light.svg#pagesans-light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Effra-Bold';
    src: url('../../ar/fonts/Effra-Bold.eot');
    src: url('../../ar/fonts/Effra-Bold.eot?#iefix') format('embedded-opentype'),
url('../../ar/fonts/Effra-Bold.woff') format('woff'),
url('../../ar/fonts/Effra-Bold.ttf') format('truetype'),
url('../../ar/fonts/Effra-Bold.svg#pagesans-light') format('svg');
    font-weight: normal;
    font-style: normal;

}



 @font-face {
                font-family: "DIN-Next-LT-Arabic-Light";
                src: url('../fonts/DIN-Next-LT-Arabic-Light.woff') format('woff'),
        url('../fonts/DIN-Next-LT-Arabic-Light.woff2') format('woff2'),
        url('../fonts/DIN-Next-LT-Arabic-Light.svg#DIN-Next-LT-Arabic-Light') format('svg'),
        url('../fonts/DIN-Next-LT-Arabic-Light.eot'),
        url('../fonts/DIN-Next-LT-Arabic-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DIN-Next-LT-Arabic-Light.ttf') format('truetype');

                font-weight: normal;
                font-style: normal;
            }


            @font-face {
                font-family: "DIN-Next-LT-Arabic-Regular";
                src: url('../fonts/DIN-Next-LT-Arabic-Regular.woff') format('woff'),
        url('../fonts/DIN-Next-LT-Arabic-Regular.woff2') format('woff2'),
        url('../fonts/DIN-Next-LT-Arabic-Regular.svg#DIN-Next-LT-Arabic-Regular') format('svg'),
        url('../fonts/DIN-Next-LT-Arabic-Regular.eot'),
        url('../fonts/DIN-Next-LT-Arabic-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DIN-Next-LT-Arabic-Regular.ttf') format('truetype');

                font-weight: normal;
                font-style: normal;
            }


            @font-face {
                font-family: "DIN-Next-LT-Arabic-Bold";
                src: url('../fonts/DIN-Next-LT-Arabic-Bold.woff') format('woff'),
        url('../fonts/DIN-Next-LT-Arabic-Bold.woff2') format('woff2'),
        url('../fonts/DIN-Next-LT-Arabic-Bold.svg#DIN-Next-LT-Arabic-Bold') format('svg'),
        url('../fonts/DIN-Next-LT-Arabic-Bold.eot'),
        url('../fonts/DIN-Next-LT-Arabic-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DIN-Next-LT-Arabic-Bold.ttf') format('truetype');

                font-weight: normal;
                font-style: normal;
            }



/*

Color Guide
Blue - #240772
Green - #00B09B
Grey - #747C91
table bg - #E7E6F0
table total - #CFCDDF

*/



/* *******************************************************
* 1. Base styles, (all pages)
******************************************************* */

.modlimg{
max-width: 100%;
	height: auto
}

/* Pace page-loader styles */
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.pace-inactive {
	display: none;
}
.pace .pace-progress {
	background: #151515;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}
/* Turn off wow page animations for phones and tablets, (touch-scroll devices essentially) */
/* Why do this? Because on 99% of touch-enabled devices, any on-page actions aren't fired until
 * the browsers' scroll-engine has fully stopped on the screen, therefore you end up scrolling
 * to blank page content, until the user removes their finger from the screen and the browsers' engine can
 * then render the page content, leaving a buggy user-experience */
@media (max-width: 1024px) {
	.wow {
		visibility: visible !important;
		-webkit-animation-delay: 0 !important;
		animation-delay: 0 !important;
	}
	.animated {
		-webkit-animation-duration: 0;
		-moz-animation-duration: 0;
		-ms-animation-duration: 0;
		-o-animation-duration: 0;
		animation-duration: 0;
		-webkit-animation-fill-mode: none;
		-moz-animation-fill-mode: none;
		-ms-animation-fill-mode: none;
		-o-animation-fill-mode: none;
		animation-fill-mode: none;
	}
}

body {
	font-family: 'Effra-regular', Helvetica, Arial, sans-serif;
	color: #606060;
	font-style: normal;
	font-size: 20px;
	line-height: 1.4;
	padding: 0px 0px;
	direction: rtl;
}

main { margin: 0;}


@media (max-width:767px) {
	
	/*main { margin: 0 10px 0 10px;}	*/
	
	
}



/*
	background-image: url(../img/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
*/


/*

#toggle-view span {
    position: relative;
    float: left;
    right: 5px;
    top: 0;
    color: #ccc;
    font-size: 20px;
    color: #069;
    font-weight: bold;
}
*/


@media print{
	#page-header, #leftcol, #sidebar, #subnavi, #prelink, #nextlink{display: none;}
	.buttons-set, .soc_buttons, .soc_buttons2, .navbar-inner, .cd-top, .soc_buttons3 {display: none !important}
	footer {display: none !important}
	

}

.button_zip {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 4px 10px;
    color: #666666;
    font-family: 'Open sans', sans-serif;
    text-decoration: none;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
}

.inqlastname {
	display:none;
	
}
.f_success{
	color:#026429;
	padding-bottom:20px;
}

.f_error{
	color:#AD0D0F;
	padding-bottom:20px;
	
}

.button_zip::before {
    content: "\0000a0";
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 24px;
    margin: 0 7px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background-size: 100% 100%;
    background-color: transparent;
    background-image: url(../../ar/images/zip.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.button_zip:hover, .button_zip:focus {
    color: #000000;
    text-decoration: none;
}

/*.listtitles {
    padding-bottom: 5px;
    padding-top: 5px;
}


.btn.hover-1:hover, .btn.hover-1.active {
    background: transparent;
    border: 1px solid #23368B;
    color: #0d58c8;
}

.btn.color-8 .fa {
    color: #FFFFFF;
    font-size: 13px;
    margin-right: 0px;
}
.btn.hover-1:hover, .btn.hover-1.active {
    color: #23368B;
}
.btn.color-8 {
    background: #23368B;
    border: 1px solid #23368B;
}

.btn.hover-1:hover .fa, .btn.hover-1.active .fa {
    color: #23368B;
}

.button_pdf:hover, .button_pdf:focus {
    color: #000000;
    text-decoration: none;
}

.button_wrap_mr {
    margin-bottom: 10px;
    float: left;
    padding: 10px;
}
.button_pdf {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 4px 10px;
    color: #666666;
    font-family: 'Open sans', sans-serif;
    text-decoration: none;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
}

.actmsg{
	padding-bottom:20px;
	
}

.button_pdf::before {
    content: "\0000a0";
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 24px;
    margin: 0 7px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background-size: 100% 100%;
    background-color: transparent;
    background-image: url(../images/pdf.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.button_zip {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 4px 10px;
    color: #666666;
    font-family: 'Open sans', sans-serif;
    text-decoration: none;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
}

.inqlastname {
	display:none;
	
}
.f_success{
	color:#026429;
	padding-bottom:20px;
}

.f_error{
	color:#AD0D0F;
	padding-bottom:20px;
	
}

.button_zip::before {
    content: "\0000a0";
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 24px;
    margin: 0 7px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background-size: 100% 100%;
    background-color: transparent;
    background-image: url(../images/zip.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.button_zip:hover, .button_zip:focus {
    color: #000000;
    text-decoration: none;
}*/
h1, h2, h3, h5, h6 { font-family:"DIN-Next-LT-Arabic-Bold", 'Effra-Bold', Arial, sans-serif;}
h4 { font-family: 'Effra-Regular', Arial, sans-serif;}

h1 { font-size: 50px; color: #240772; line-height: 55px; margin-bottom: 5px; }
h2 { font-size: 30px; color: #00B09B; line-height: 35px; margin-bottom: 5px; }
h3 { font-size: 25px; color: #240772; line-height: 30px; margin-bottom: 5px; }
h4 { font-size: 25px; color: #240772; line-height: 30px; margin-bottom: 5px; }
h5 { font-size: 22px; color: #747C91; line-height: 28px; margin-bottom: 5px; }
h6 { font-size: 20px; color: #747C91; line-height: 22px; margin-bottom: 5px; }

.blue-bg { background-color: #240772; }

.white-txt { color: #fff!important; }


@media (max-width:767px) {
	h1 { font-size: 30px; color: #240772; line-height: 30px; margin-bottom: 5px; }	
}

p {	font-family:"DIN-Next-LT-Arabic-Light", 'Effra-Light', Arial, sans-serif;

	font-style: normal;
	font-size: 20px;
	line-height: 32px;
	margin:0px 0px 20px 0px ;
}


p a{color: rgba(26,26,26,1.00);}
p a:hover{color: rgba(0,0,0,1.00);}



p strong {	
	font-family: "DIN-Next-LT-Arabic-Regular";
}

p.lifter {
	font-family:"DIN-Next-LT-Arabic-Light", 'Effra-Light', Arial, sans-serif;
	color: #240772;
	font-size: 30px;
	line-height: 40px;
	margin:20px 0px 20px 0px ;
}

/*p.lifter1 {
	color: #8c7459;
	font-style: normal;
	font-weight: 200;
	font-size: 30px;
	line-height: 1.3;
	margin:20px 0px 20px 0px ;
}

p.lifter2 {
	color: #23368b;
	font-style: normal;
	font-weight: 200;
	font-size: 20px;
	line-height: 1.3;
	margin:10px 0px 10px 0px ;
}
*/
p.cap {	font-style:italic;	font-size: 18px; line-height: 24px; margin-top: 10px;}

.nextprev { font-size: 12px; font-weight: 600; color: #8c7459; }

@media (max-width:767px) {
.nextprev { font-size: 11px; font-weight: 600; color: #8c7459; }	
p.lifter {
	font-size: 21px;
	line-height: 1.2;
}		
}

/*
Custom css for backend development
hide a div*/
.first {
	display:none;
}
f_success{
	color:#098308 !important;
	
}

f_error{
	color:#931214 !important;
	
}


/*######## LISt STYLES ########*/	

.list {	list-style: none; padding:0px; margin:0px; color: #606060;font-family: "DIN-Next-LT-Arabic-Light"; }
.list strong {font-weight: 500;}
.list-dash > li:before { content:"-"; position:relative; right:-5px; font-weight: 600; color: #23368b;}
.list-dash > li {text-indent:-5px; padding-right:20px; }
.list-circle > li {list-style-type:circle; text-indent: 0; margin-bottom: 5px;}

.list-disc > li:before { font-family: 'FontAwesome'; font-size:20px; position:relative; top:1px; content: "\2022"; color: #23368b; padding-right: 10px; margin-left: -20px;}
.list-disc > li {list-style: outside none none; margin:0px 0px 4px 0px; font-size: 15px; line-height: 20px; font-weight: 300; margin-bottom: 5px; margin-left:20px;}

.list-square > li:before { font-family: 'FontAwesome'; font-size:10px; position:relative; bottom: 2px; content: "\f45c"; color: inherit; padding-left: 10px; margin-right: -20px;}
.list-square > li {list-style: outside none none; margin:0px 20px 4px 0px; margin-bottom: 5px; }
.greenBlt > li:before { color:#00B09B; }

.list-abc > li { list-style-type: lower-alpha; text-indent: 0; margin-bottom: 5px; margin-right:20px; }
.list-ABC > li { list-style-type: upper-alpha; text-indent: 0; margin-bottom: 5px; margin-right:20px; }
.list-iii > li { list-style-type: lower-roman; text-indent: 0; margin-bottom: 5px; margin-right:20px; }
.list-123 > li { list-style-type: decimal; text-indent: 0; margin-bottom: 8px; margin-right:20px;  }

.list-cstm > li {list-style: outside none none; margin:0px 0px 4px 0px; font-size: 15px; line-height: 20px; font-weight: 300; margin-bottom: 5px; margin-left:20px;}







/*######## TABLE STYLES ########*/




table {
	width: 100%;
	border-spacing: 2;
	border-collapse: separate;
	font-family: "DIN-Next-LT-Arabic-Light";
}

thead td { padding: 10px 10px; font-size: 80%; line-height: 18px; background-color: #240772; color: #fff;  }


tbody td { 
	padding: 10px 10px; vertical-align: bottom; border-bottom: 1px #240772 solid; background-color: #E7E6F0;  
}

tbody td strong { 
	font-family: "DIN-Next-LT-Arabic-Regular";
}



tbody > tr:hover { background-color: #fff; }
table.hover-none > tbody > tr:hover { background-color: #E7E6F0;}

.small90 { font-size:90%; }
.small80 { font-size:80%; }

tr.lineThin td, td.lineThin{ border-bottom: 2px #240772 solid;}
tr.lineThick td, td.lineThick{ border-bottom: 3px #240772 solid;}
tr.lineNone td, td.lineNone { border-bottom:hidden !important; }

table.ft td+td { text-align:right }
/*table.ft thead tr:first-child { border-top: 2px #606060 solid; }*/
table.ft thead tr:first-child td+td {text-align:center; border-bottom:1px #fff solid; }
table.ft thead tr+tr td+td {text-align:right; }
table.ft thead tr:last-child { border-bottom:1px #fff solid; }
/*table.ft tbody tr:last-child { border-bottom:2px #606060 solid; }*/

table.ft1 td+td { text-align:right }
table.ft1 thead tr td+td {text-align:right; }
table.ft1 thead tr:last-child { border-bottom:1px #fff solid; }


table.gt td+td { text-align:right }
table.gt thead tr td+td {text-align:right; }
table.gt thead tr:last-child { border-bottom:1px #fff solid; }
table.gt tbody tr td { vertical-align: top;}


tr.total-g td { border-top: 3px #23368b solid!important; border-bottom: 2px #23368b solid!important; background-color: #CFCDDF; }
/*tr.sTotal-D { border-top: 2px #606060 solid!important; border-bottom: 2px #606060 solid!important;}
tr.sTotal-B { border-bottom: 2px #606060 solid!important; }
tr.sTotal-T { border-top: 2px #606060 solid!important; }
tr.line-none td, td.line-none { border-bottom:none!important; }*/
td.cy { background-color: #240772!important; color: #fff; }

/* td aligns */
.cellCenter { text-align:center !important;}
.cellLeft { text-align:left !important;}
.cellRight { text-align:right !important;}
.vTop, tbody.vTop tr td { vertical-align:top !important; }
.vBot, tbody.vBot tr td { vertical-align:bottom !important; }
.vMid, tbody.vMid tr td { vertical-align:middle !important; }









@media (max-width:991px) {
	
p {	font-size: 17px; line-height: 24px;	margin:0px 0px 20px 0px ;}	
h1 { font-size: 30px; color: #240772; line-height: 35px; margin-bottom: 5px; text-transform: uppercase; }
h2 { font-size: 27px; color: #00B09B; line-height: 30px; margin-bottom: 5px; }
h3 { font-size: 23px; color: #240772; line-height: 27px; margin-bottom: 5px; }
h4 { font-size: 20px; color: #240772; line-height: 23px; margin-bottom: 5px; }
h5 { font-size: 18px; color: #747C91; line-height: 22px; margin-bottom: 5px; }
h6 { font-size: 16px; color: #747C91; line-height: 20px; margin-bottom: 5px; }

p.lifter {
	color: #240772;
	font-size: 25px;
	line-height: 30px;
	margin:20px 0px 20px 0px ;
}	
	
.list {	list-style: none; padding:0px; margin:0px; color: #606060;font-size: 17px; line-height: 24px; }
	
	
	
}



@media (max-width:480px) {

.p-5 {
    padding: 3rem 0rem 3rem 0rem !important;
}
}

/* End of styles imported from custom style sheet */

/*.tablevborder {
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5
}



.glmouse{
	cursor:help;
}
 

blockquote {
	margin: 30px 0px 20px 0px;
	padding: 30px 20px;
	font-size: 17.5px;
	border-style:solid;
    border-width:1px 1px 1px 8px;
	border-color:#edeff2;	
    border-radius: 5px 5px 5px 5px;
	background-image: url(../img/web-pattern.jpg);

	
}
blockquote p {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 25px;
}
blockquote footer {
	background-color: transparent;
	margin-top: 0;
	padding: 0;
	font-size: 12px;
}



blockquote.custom {
	margin: 20px 0px 0px 0px;
	padding: 30px 20px;
	font-size: 17.5px;
	border-style:solid;
    border-width:0px 0px 0px 8px;
	border-color:#edeff2;	
    border-radius: 5px 5px 5px 5px;
	background-image: url(../img/vis_mis_bg.jpg);
	background-position:right top;

	
}
blockquote.custom p {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 21px;
	color: #4F4F4F ;
}

blockquote.custom small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #ae4b4b;
}*/


/* Accordions */
.acc-group button {outline: 0 !important; }
.acc-group > button.collapsed {padding-right: 30px; }

/* Accordion Default Style / Re-Styling / */
.hg_accordion_element.default-style > h3 { font-size: 18px; line-height: 1.4; margin-top: 0; text-transform: uppercase; 
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); }
/*.hg_accordion_element.default-style .th-accordion {border: 1px solid #E3E3E3; border-radius: 4px; }*/
.hg_accordion_element.default-style .th-accordion .acc-group {margin-bottom:0; border-top: 1px solid #E3E3E3;}
.hg_accordion_element.default-style .th-accordion .acc-group:last-child {  border-bottom: 0;  }
.hg_accordion_element.default-style .th-accordion .acc-group > button { border:0; padding:4px 10px; color:#23368b; display: block; width: 100%; 
	text-align: left; background-color: #F8F8F8; padding: 5px 60px 5px 25px; font-size: 14px; font-weight: 600; position: relative; }
.hg_accordion_element.default-style .th-accordion .acc-group > button.collapsed {color:#505050; background-color: #fff; }
.hg_accordion_element.default-style .th-accordion .acc-group > button:hover {background: #F8F8F8; color: #111; }
.hg_accordion_element.default-style .th-accordion .acc-group .content {background-color: #fff; padding: 20px 25px; }
.hg_accordion_element.default-style .th-accordion .acc-group > button:not(.collapsed) {border-bottom: 1px solid #EEEEEE; }
.hg_accordion_element.default-style .th-accordion .acc-group > button:before,
.hg_accordion_element.default-style .th-accordion .acc-group > button:after {position: absolute; content: ' '; width: 10px; height: 2px; display: block; background: #2C5AB2; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.hg_accordion_element.default-style .th-accordion .acc-group > button:before {right: 31px; top: 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.hg_accordion_element.default-style .th-accordion .acc-group > button:after {right: 25px; top: 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.hg_accordion_element.default-style .th-accordion .acc-group > button.collapsed:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.hg_accordion_element.default-style .th-accordion .acc-group > button.collapsed:after {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }



.hg_accordion_element i {color: #240772;} 


a,
a:hover,
a:active,
a:focus,
a:visited,
a:link {
	/*color:#23368B;*/
	text-decoration: none;
}




::selection {
	color: #ffffff;
	background: #151515;
}
::-moz-selection {
 color:#ffffff;
 background:#151515;
}
a, button,
.sb-close img,
form#mailinglistForm .btn-primary,
li.sb-toggle-submenu,
.menu-icon,
a.meta,
#pagetabs .page-nav>li>a > i {
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* Placeholder text color */
input[placeholder],
[placeholder],
*[placeholder] {
	color: #666;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-style: italic;
}
input#delivery {
	color: #999 !important;
}
::-webkit-input-placeholder { /* WebKit browsers */
	color: #999;
	opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #999;
	-moz-opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #999;
	-moz-opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* Vertical aligning */
.vertical-align {
	display: table;
}

@media (max-width:768px) {
	
.vertical-align {
	display: inline-block;
}
	
.modlimg{
max-width: 768px;
	height: auto
}
	
	#imgLifter { font-size: 16px; }
	
}


.center-me {
	display: table-cell;
	vertical-align: middle;
	position:absolute; 
	left:0px; 
	top:200px;	
	
}
/* No padding on-the-fly */
.nopadding {
	padding: 0;
}
.no-top-padding {
	padding-top: 0;
}
.nomargin {
	margin: 0;
}
.boost {
	position: relative;
	z-index: 11;
}
.poster {
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.poster:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-khtml-opacity: .4;
	-moz-opacity: .4;
	opacity: .4;
}
.herofade,
.headerfade,
.videofade {
	width: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-khtml-opacity: .3;
	-moz-opacity: .3;
	opacity: .3;
	height: 100%;
	top: 0;
	position: absolute;
	z-index: 2;
	left: 0;


    background-repeat: repeat;
	background-size: auto;
	background-image: url(../../ar/img/pattern-bg-2.png);
	
	
	
}
.element-img {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	position: relative;
	z-index: 10;
	background-repeat: no-repeat;
}
hr.title-accent {
	height: 4px;
	width: 40px;
	background: #333;
	border-top: none;
	margin: 20px auto;
}


/* *******************************************************
* Autohiding Navbar, (all pages)
******************************************************* 
.logo {
	position: absolute;
	display: block;
	top: 50%;
	margin-top: -24px;
	right: 100px;
}	

*/



.logo img {
	display:block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease .2s;
	-o-transition: all ease .2s;
	transition: all ease .2s;
}
.logo img:hover {
	display:block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	-khtml-opacity: .75;
	-moz-opacity: .75;
	opacity: .75;
}


.intg_text {
	font-family: 'pagesans-regular';
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -11px;
    left: 15px;
	color: #FFFFFF;
	font-weight: 500;
}




@media (max-width:540px) {

.logo {
	top: 50%;
	margin-top: -16px;
	right: 45px;
}	


.logo img {
	
	max-width: 70%;
}	
	
	
.intg_text {
    top: 50%;
    margin-top: -10px;
    left: 15px;
    font-weight: 400;
	font-size: 13px;
}	
	
	
	
}




@media (max-width:480px) {

.logo {
	top: 50%;
	margin-top: -16px;
	right: 25px;
}	


.logo img {
	
	max-width: 60%;
}	
	
	
.intg_text {
top: 30%;
margin-top: 0px;
right: 55px;
font-weight: 400;
font-size: 12px;
}	
	
	
	
}



@media (max-width:360px) {
.intg_text {
top: 30%;
margin-top: 0px;
right: 55px;
font-weight: 400;
font-size: 12px;
}		
	
}


.learnmore a {
font-weight: 600;
color: #FFFFFF;	
	
}

.learnmore a.active {
	color: aquamarine;
	font-weight: 500;

}



@media (max-width:540px) {
	.learnmore {left: 0; padding-left: 150px;
		
		
	}
}




@media (max-width:480px) {
	.learnmore {
		position: absolute;
left: 15px;
padding-left: 0px;
top: 38px;
	}
}


@media (max-width:360px) {
	
	.learnmore {
position: absolute;
left: 15px;
padding-left: 0px;
top: 38px;		
		
}
	
}



button.menu-icon {
	position: fixed;
	height: 80px;
	width: 80px;
	background-color: #FFFFFF !important;
	right: 0px;
	top: 0px;
	margin-top: 0;
	z-index: 2050;
	padding: 0;
	background: none;
	outline: none;
	display: block;
	cursor: pointer;
}

@media (max-width:480px) {
	
button.menu-icon {
	right: 0px;}	
	
	
}



button.navbar-toggle {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-bottom: 0;
	margin-right: 0;
}

.menu-icon .before, .menu-icon .main, .menu-icon .after {
	display: block;
	width: 30px;
	height: 3px;
	margin-left: 20px;	
	
}
/* Button Hover */
.menu-icon:hover .before,
html.sb-init.sb-active.sb-active-right .menu-icon .before {
	-webkit-transform: translateY(-2px);
	   -moz-transform: translateY(-2px);
		-ms-transform: translateY(-2px);
		 -o-transform: translateY(-2px);
			transform: translateY(-2px);
}
.menu-icon:hover .after,
html.sb-init.sb-active.sb-active-right .menu-icon .after {
	-webkit-transform: translateY(2px);
	   -moz-transform: translateY(2px);
		-ms-transform: translateY(2px);
		 -o-transform: translateY(2px);
			transform: translateY(2px);
}


button.navbar-toggle .icon-bar {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color: #151515;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease .2s;
	-o-transition: all ease .2s;
	transition: all ease .2s;
}

.seachbox{
	padding-left:13px;
	padding-bottom:10px;
	width:300px;
	
}

input#searchbutton{
    background:url(../../ar/img/search_icon.png);
    background-repeat: no-repeat;
    width:80px;
	height:26px;
	border:none;
	
	
}

html.sb-init.sb-active.sb-active-right,
html.sb-init.sb-active.sb-active-right #featured a,
html.sb-init.sb-active.sb-active-right ul.filters li p,
html.sb-init.sb-active.sb-active-right #projects .filter-item div a {
	cursor: e-resize;
}
.sb-close {
	text-align: right;
	cursor: pointer;
}
.sb-close img{
	padding: 15px 15px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-khtml-opacity: .9;
	-moz-opacity: .9;
	opacity: .9;
	background-color:#8C7459;
	margin-right: 12px;
	margin-top: 12px;
}
.sb-close img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}
.sb-slidebar {
	background-color: #001D51; /* Background colour. */
	color: #666; /* Text colour. */
	font-weight: 700;
	font-size: 14px;
	cursor: default;
	right: -3px;
	overflow-y: auto;
	overflow-x: hidden;


}
.sb-slidebar a {
	color: #666; /* Link colour. */
	text-decoration: none;
	font-weight: 700;

	font-size: 18px;
	line-height:24px;
}
.sb-slidebar a:hover {
	color: #fff; /* Link hover colour. */
}
/* Off-canvas menu items */
.sb-menu {
	padding: 0px 34px 24px;
	margin: 0;
	list-style-type: none;
}

@media (max-width:480px) {

.sb-menu {
	padding: 34px 10px 24px;
	margin: 0;
	list-style-type: none;
}

}


.sb-menu li {
	width: 100%;
	padding: 0;
	margin: 0;
	color: #666;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.sb-menu > li:first-child {
	border-top: none; /* Removes top border from first list item.. */
}
.sb-menu > li:last-child {
	border-bottom: none; /* Removed bottom border from last list item. */
}
.sb-menu li a {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	width: 100%; /* Makes links full width. */
	display: inline-block;
	font-weight: 400;
	font-style: normal;
	color: #B9B9B9;
	cursor: pointer;
	line-height: 20px;
	padding: 15px 5px 15px 10px; /* Creates an even padding the same size as your font. */
	border-bottom: 1px dotted #113975;
}
.sb-menu li a:hover {
	text-decoration: none !important;
}
/* Borders */
.sb-right .sb-menu li a {
	border-left: 3px solid transparent;
}
.sb-right .sb-menu li a:hover {
	border-left: 3px solid #8C7459; /* Removes transparent colour, so border colour will be the same as link hover colour. */
}
.sb-right .sb-menu .active{
	color: #fff;
	border-left: 3px solid #8C7459;
}



/* Sb Dropdown 
li.sb-toggle-submenu {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 13px;
	border-left: 3px solid transparent;
	padding: 3px 10px;
	cursor: pointer;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
li.sb-toggle-submenu:hover {
	color: #fff; /* Link hover colour. 
	border-left: 3px solid #8C7459; /* Removes transparent colour, so border colour will be the same as link hover colour. 
}
ul.sb-submenu li a{
	text-transform: none;
	font-weight: 300;
	font-size: 17px;
	color: #8E8E8E; 


}

ul.sb-submenu li a:hover {
	background-color: #151515;

}



.sb-submenu li a {
    padding: 5px 10px;
}

.sb-submenu {
	display: none;
	padding: 10px 10px 16px;
	margin: 0;
	list-style-type: none;
}
/* Submenu parent item caret 
span.sb-caret {
	width: 0;
	height: 0;
	display: inline-block;
	margin: 0 5px;
	
}
span.sb-caret { /* Caret Down 
	font-family: 'Glyphicons Halflings';
	content:"\e259";
	font-size:13px;
}

span.sb-caret:after { /* Caret Down 
	font-family: 'Glyphicons Halflings';
	content:"\e259";
    padding-right: 34px;
    color: #8C7459;
    display: block;
    right: 0px;
	margin-top:-15px;
    position: absolute;
}


.sb-submenu-active > span.sb-caret:after { /* Caret Up 
	font-family: 'Glyphicons Halflings';
	content:"\e260";
	display: block;
}

/* Secondary menu-items block, (different text styling) 
.sb-menu.secondary {
	padding: 24px 34px;
}
.sb-menu.secondary a {
	text-transform: none;
	font-weight: 400;
	
	
}






@media (max-width:991px) {
	.title-emphasis {
		text-align: left;
	}
}


@media (max-width:767px) {
	
.sb-slidebar a {
	color: #666; /* Link colour. 
	text-decoration: none;
	font-weight: 700;

	font-size: 15px;
	line-height:20px;
}
	
.sb-menu li a {
    line-height: 18px;
    padding: 6px 5px 6px 10px;
    border-bottom: 1px dotted #113975;
}
	
	
ul.sb-submenu li a {
    text-transform: none;
    font-weight: 300;
    font-size: 15px;
    color: #8E8E8E;
}	
	
}





/* *******************************************************
* Page Content
******************************************************* 
#page-content {
	padding-top: 0px;
	padding-bottom: 60px
}

#page-content_home1 {
	padding-top: 0px;
	padding-bottom: 0px
}


#page-content_home2 {
	background-color: #FFFFFF;
	padding: 100px 0 100px;
}


#page-content_home2 p {
    color: #8C7459;
    font-style: normal;
    font-weight: 300;
    font-size: 25px;
    line-height: 1.2;
    margin: 0px 0px 10px 0px;
}

/* *******************************************************
* Full-height hero section, (homepage, above the fold,)
******************************************************* 
#hero {
	height: 100%;
	position: fixed;
	width: 100%;
	padding-top: 0;
}
#hero h2 {
	color: #151515;
	margin-bottom: 20px;
	display: inline-block;
	padding: 14px;
}
#hero p {
	color: #333;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: italic;
	display: inline-block;
}
@media (max-width:1024px) {
	#hero {
		position: relative;
	}
	#hero .element-img {
		background-attachment: scroll !important
	}
	.heightblock {
		display: none
	}
}
@media (max-width:767px) {
	#hero p {
		display: none
	}
}


/* *******************************************************
* Titleblock, (all pages)
******************************************************* 
.titleblock {
	padding-bottom: 40px;
	text-align: center;
	padding-top: 100px;
}

.titleblock h1,
.titleblock h2,
.titleblock h3,
.titleblock h4,
.titleblock h5,
.titleblock h6 {
	color: #151515;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.titleblock p {
	color: #333
}

.titleblock i {
	color: #333;
	font-size: 40px;
}



/* Social Sharrres plugin 
#blog-post #social {
	margin-bottom: 10px;
}
#blog-post .published {
	clear: both;
}
#blog-post .published p {
	font-family: 'Georgia', serif;
	font-size: 14px;
	font-style: italic;
	color: #151515;
}
#blog-post .sharrre{
	display: inline-block;
	float: left;
}
#blog-post .sharrre .box{
	float:left;
	margin-right: 6px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 0 3px;
}
#blog-post #twitter.sharrre .box {
	background-color: #55acee;
}
#blog-post #facebook.sharrre .box {
	background-color: #49659F;
}
#blog-post #googleplus.sharrre .box {
	background-color: #DD4B39;
}
#blog-post .sharrre .box:active,
#blog-post #facebook .box:active,
#blog-post #googleplus .box:active {
	margin-top:4px;
}
#blog-post .sharrre .count, #blog-post .sharrre .share{
	display:inline-block;
}
#blog-post .sharrre .count{
	font-size:13px;
	margin-right: 4px;
	padding-left: 5px;
	color:#fff;
	position:relative;
}
#blog-post .sharrre .share{
	font-size:13px;
	color: #fff;
	padding-right: 5px;
}
#blog-post .sharrre .share span{
	display: inline-block;
}



/* *******************************************************
* Full-width image section, (all pages)
******************************************************* */

#fullwidth-img {
	height: 600px;
	background-color: #fff;
	padding-top: 10%;
}
/*#fullwidth-img:before {
	top: 60px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #fff;
	border-width: 20px;
	margin-left: -20px;
	z-index: 11;
}*/

@media (max-width:1199px) {
	#fullwidth-img {
		height: inherit ;
		padding-top: 10%;
		padding-bottom: 10%;
	}
}


@media (max-width:768px) {
	#fullwidth-img {
		height: inherit ;
		padding-top: 10%;
		padding-bottom: 10%;
	}
}


/* Left image cursor */
a.flex-prev {
   cursor: w-resize;
   cursor: url(../../ar/img/global/cursor-prev.png) , auto;
}
/* Right image cursor */
a.flex-next {
	cursor: e-resize;
	cursor: url(../../ar/img/global/cursor-next.png) , auto;
}
.flex-direction-nav a.flex-next:before,
.flex-direction-nav a.flex-prev:before {
	display: none;
	visibility: hidden;
}
.flex-caption {
	position: absolute;
	margin: auto;
	left: 0;
	bottom: 0;
}
@media (max-width:650px) {
	.flex-caption {
		display: none
	}
}
.flex-caption h4 {
	background-color: #151515;
	color: #fff;
	padding: 22px 30px;
	margin-top: 0;
	margin-bottom: 0;
	display: inline-block;
	float: left;
}
.flexslider p {
	display: inline-block;
	background-color: #fff;
	color: #333;
	padding: 15px 30px;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-style: italic;
	margin-bottom: 0;
	float: left;
	clear: left;
}
.flex-control-paging li a {
	display: block;
	width: 16px;
	height: 16px;
	color: transparent;
	background: transparent;
	border: 2px solid #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	cursor: pointer;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.flex-control-paging li a.flex-active {
	background: #fff;
}


/* *******************************************************
* Extra Bootstrap Componets Styling
******************************************************* 
.alert {
	border: none;
	font-family: 'Georgia', serif;
	font-style: italic;
}
.well {
	background-color: #151515;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0px 5px 10px 5px;
	margin-bottom: 0px;	
	
}
.well p {
	color: #767D84;
	font-size: 14px;
	font-weight:400;
}



.well .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
    background-color: #ccd1d9;
}
.well .btn:hover, .btn:focus, .btn:active, .btn.active {
    color: white;
    background-color: #ccd1d9;
    border-color: #ccd1d9;
    outline: none !important;
}

.well button.send {
    margin-top: 15px;
}
.well .btn-default, .btn-default.disabled, .btn-default[disabled] {
    background-color: #151515;
}
.well .btn-default {
    color: #fff;
}
.well .btn {
    color: white;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 14px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 700;
    padding: 8px 18px;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	margin-right:15px;
    text-transform: uppercase;
    border: 1px solid #BFBFBF;
}

.well .form-control {
    color: #555;
    background-color: #D8D8D8;
    border: 1px solid #ccc;
    border-radius: 2px;
}



/* *******************************************************
* Global footer, (all pages)
******************************************************* */
footer {
	padding:0 0 0;
	background:#DEDFE0;
	z-index: 9;
	position: relative;
	margin-top: 10%;

}
footer p.m_14 {
	color:#767D84;
	font-size:14px;
	line-height:1.6em;
	margin-top: 2em;
}
footer ul.f_grid1{
	padding:0;
	list-style:none;
}
footer .extra-wrap h5 {
	color: #E5E5E5;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: 400;
	text-transform: uppercase;
}
footer .address{
	margin-top:1em;
}
footer .address p {
	font-size: 0.85em;
	line-height: 2em;
	color:#767D84;
}
footer .address p span {
	color:#767D84;
	cursor: pointer;
}
footer .address i {
	font-size: 20px;
	margin-right: 10px;
	color: #767D84;
	top: 7px;
	position: relative;
}
footer ul.list1 {
	float: left ;
	width:19%;
	padding:0;
	list-style:none;
}


footer ul.list2 {
	float: left ;
	width:19%;
	padding:0;
	list-style:none;
}


footer ul.list3 {
	float: left ;
	width:33%;
	padding:0;
	list-style:none;
}


footer ul.list4 {
	float: left ;
	width:29%;
	padding:0;
	list-style:none;
}




@media (max-width:1199px) {
	
footer ul.list1 {
	width:20%;
	padding-right:1%;
}


footer ul.list2 {
	width:20%;
	padding-right:1%;
}


footer ul.list3 {
	width:30%;
	padding-right:1%;
}	

footer ul.list4 {
	width:30%;
}	

	
}


@media (max-width:767px) {
	
footer ul.list1 {
	width:50%;
}


footer ul.list2 {
	width:50%;
}


footer ul.list3 {
	width:50%;
}	

footer ul.list4 {
	width:50%;
}	

	.next-prev-page{display: none;}
	
	.next-btn, .prev-btn {
    height: 50px;
    width: 50px;
   
   
    transform: translateY(-50%);
    background-color: #747C91;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
	
}

@media (max-width:480px) {
	
footer ul.list1 {
	width:100%;
}


footer ul.list2 {
	width:100%;
}


footer ul.list3 {
	width:100%;
}	

footer ul.list4 {
	width:100%;
}	

	
}




footer ul.list {
	float: left;
	/*width:40%;*/
	padding:0;
	list-style:none;
}
footer ul.list li a, footer ul.list1 li a, footer ul.list2 li a, footer ul.list3 li a, footer ul.list4 li a  {
	color: #929292;
	line-height: 1.1em;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	padding:0px;
	margin:0px 0px 5px 0px;

}

footer ul.list li, footer ul.list1 li, footer ul.list2 li, footer ul.list3 li, footer ul.list4 li  {
	line-height: 1.1em;
	margin:0px 0px 5px 0px;
	padding:0px;
}



footer ul.list li a:hover, footer ul.list1 li a:hover, footer ul.list2 li a:hover, footer ul.list3 li a:hover, footer ul.list4 li a:hover {
	color: #626262 ;
}
footer .footer_lists{
	padding-top: 18px;
}

footer .footer_lists strong {
	font-weight:400;
	color:#23368b;
}

footer .footer-top{
	border-bottom:1px solid #3E3E3E;
	padding-bottom: 40px;
}
footer .copy {
	float: right;
	margin-top: 5px;
}
footer .copy p {
	font-size: 12px;
	color: #767D84;
}

footer .copy a {
color: rgba(0,0,0,1.00);	
}



footer .social {
	float: right;
	margin-top: 5px;
}
footer .social ul {
	margin: 0;
	padding: 0;
}
footer .social li {
	background: none;
	display: inline-block;
}
footer .social li a i {
	font-size: 20px;
	color: #999;
}
footer .footer_bottom {
	padding:2em 0;
}

/* *******************************************************
* Global background-color classes:
* simple apply class to any element to produce the desired
* colored background.
* Note: keep at end of this document
******************************************************* */

/* Flat colors */
.beige,
.poster.beige:before {
	background-color: rgb(242, 242, 242);
}
/*.beige-dk,
.poster.beige-dk:before {
	background-color: rgb(247, 247, 247);
}*/

.beige-dk,
.poster.beige-dk:before {
	background-color: rgba(0, 0, 0, 0.67);
}


.white,
.poster.white:before {
	background-color: rgb(255, 255, 255);
}
.black,
.poster.black:before {
	background-color: rgb(21, 21, 21);
}
.dark,
.poster.dark:before {
	background-color: rgb(51, 51, 51);
}
.blue,
.poster.blue:before {
	background-color: rgb(0, 150, 255);
}
.pink,
.poster.pink:before {
	background-color: rgb(237,20,91);
}
.orange-lite,
.poster.orange-lite:before {
	background-color: rgb(236, 122, 54);
}
.orange-dark,
.poster:before.orange-dark:before {
	background-color: rgb(232, 87, 0);
}
.navy,
.poster.navy:before {
	background-color: rgb(27, 31, 35);
}

/* Gradient colors */
.purple-grad,
.poster.purple-grad:before {
	background-color: rgb(227,202,239); /*top colour*/
	background-image: -webkit-linear-gradient(top, rgb(227,202,239), rgb(220,225,213));
	background-image:    -moz-linear-gradient(top, rgb(227,202,239), rgb(220,225,213));
	background-image:      -o-linear-gradient(top, rgb(227,202,239), rgb(220,225,213));
	background-image:         linear-gradient(to bottom, rgb(227,202,239), rgb(220,225,213));
}
.pink-grad,
.poster.pink-grad:before {
	background-color: rgb(216,95,103); /*top colour*/
	background-image: -webkit-linear-gradient(top, rgb(216,95,103), rgb(204,61,255));
	background-image:    -moz-linear-gradient(top, rgb(216,95,103), rgb(204,61,255));
	background-image:      -o-linear-gradient(top, rgb(216,95,103), rgb(204,61,255));
	background-image:         linear-gradient(to bottom, rgb(216,95,103), rgb(204,61,255));
}
.lime-grad,
.poster.lime-grad:before {
	background-color: rgb(3,178,92); /*top colour*/
	background-image: -webkit-linear-gradient(top, rgb(3,178,92), rgb(23,232,136));
	background-image:    -moz-linear-gradient(top, rgb(3,178,92), rgb(23,232,136));
	background-image:      -o-linear-gradient(top, rgb(3,178,92), rgb(23,232,136));
	background-image:         linear-gradient(to bottom, rgb(3,178,92), rgb(23,232,136));
}
.yellow-grad,
.poster.yellow-grad:before {
	background-color: rgb(196,158,153); /*top colour*/
	background-image: -webkit-linear-gradient(top, rgb(196,158,153), rgb(245,200,108));
	background-image:    -moz-linear-gradient(top, rgb(196,158,153), rgb(245,200,108));
	background-image:      -o-linear-gradient(top, rgb(196,158,153), rgb(245,200,108));
	background-image:         linear-gradient(to bottom, rgb(196,158,153), rgb(245,200,108));
}
.cyan-grad,
.poster.cyan-grad:before {
	background-color: rgb(32,141,146); /*top colour*/
	background-image: -webkit-linear-gradient(top, rgb(32,141,146), rgb(12,225,232));
	background-image:    -moz-linear-gradient(top, rgb(32,141,146), rgb(12,225,232));
	background-image:      -o-linear-gradient(top, rgb(32,141,146), rgb(12,225,232));
	background-image:         linear-gradient(to bottom, rgb(32,141,146), rgb(12,225,232));
}
















.custom-container { max-width: 1800px; }
.custom-column-5 { width: 20%; padding: 0 15px; float: left; }
.custom-column-5:nth-child(5n+1) { clear: both; }
.custom-column-3 { width: 33%; padding: 0 15px; float: left; }
.custom-column-3:nth-child(3n+1) { clear: both; }

@media screen and (max-width: 1500px) { 
  .custom-column-5 { width: 25%; }
  .custom-column-5:nth-child(5n+1) { clear: none; }
  .custom-column-5:nth-child(4n+1) { clear: both; }

  .custom-column-3 { width: 33%; }
  .custom-column-3:nth-child(4n+1) { clear: none; }
  .custom-column-3:nth-child(3n+1) { clear: both; }
  
   }


@media screen and (max-width: 1200px) { .custom-column-5 { width: 33.333%; }
  .custom-column-5:nth-child(4n+1) { clear: none; }
  .custom-column-5:nth-child(3n+1) { clear: both; }
  
  .custom-column-3 { width: 33.333%; }
  .custom-column-3:nth-child(4n+1) { clear: none; }
  .custom-column-3:nth-child(3n+1) { clear: both; }
  
   }

@media screen and (max-width: 767px) { .custom-column-5 { width: 50%; }
  .custom-column-5:nth-child(3n+1) { clear: none; }
  .custom-column-5:nth-child(2n+1) { clear: both; }
  
  .custom-column-3 { width: 50%; }
  .custom-column-3:nth-child(3n+1) { clear: none; }
  .custom-column-3:nth-child(2n+1) { clear: both; }  
  
   }

@media screen and (max-width: 600px) { .custom-column-5 { width: 100%; }
  .custom-column-5 { clear: both; }
  .custom-column-3 { width: 100%; }
  .custom-column-3 { clear: both; }
   }


.be-post { background-color: #8B735D;  width: 100%; margin-bottom: 30px !important;}
.be-img-block { overflow: hidden; display: block; }
.be-post .be-img-block { margin-bottom: 8px; position: relative; }
.be-post .be-img-block img { width: 100%; height: auto; position: relative; -webkit-transition: all ease-out 0.3s; transition: all 0.3s; }
.be-post .be-img-block img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.be-post .be-img-block:after { content: ""; position: absolute; bottom: 0; left: 15px; width: 0; height: 0; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #8B735D transparent; }

.be-post-inner {
	width: 100%;
	color: #b4b7c1;
	display: inline-block;
	clear: both;
	font-size: 12px;
	padding: 10px;
    margin-bottom: 20px !important;
	}
.info-block {
    background: #F6F6F6;
    padding: 15px 15px;
    font-size: 10px;
    color: #b4b7c1 !important;
	border-bottom: 1px solid #8B735D;
	
}

.info-block p {
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.6;
    margin: 0px 0px 10px 0px;
}



.be-post-title {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	margin: 0 15px 10px 15px;
	padding-bottom: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
}












/*bod*/
#bod_panel p {color: #606060;font-style: normal;font-weight: 300;font-size: 15px;line-height: 1.6;margin: 0px 0px 10px 0px;}
#bod_panel p.head_bold {color: #606060;font-style: normal;font-weight: 500;font-size: 15px;line-height: 1.4;margin: 0px 0px 4px 0px;}





#custom-search-input {
        margin: 10px 0px 40px 0px;
        padding: 0;
    }
 
    #custom-search-input .search-query {
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
		padding-right: 30px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    #custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: absolute;
		top: 3px;
		font-size: 18px;		
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#8c7459;
    }
 
    .search-query:focus + button {
        z-index: 3;   
    }









Team Social Links
.team-social-links {
	margin: 60px 0 5px 0;
	padding: 12px 0;
	border-top: 1px solid #CCCCCC;	
	
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

.team-social-links li a{
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    display: block;
    color: #202020;
}


.team-social-links li a:hover{
    color: #03a9f4;
}




.white-bg {
    background-color: #fff;
    padding: 60px 60px 10px;
	height:auto;
	
-webkit-box-shadow: 0px 2px 6px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 6px -3px rgba(0,0,0,0.75);
box-shadow: 0px 2px 6px -3px rgba(0,0,0,0.75);
	
z-index: 1000 !important;
position: relative;	
}

.white-bg2 {
    background-color: #fff;
    padding: 30px 60px 20px;
-webkit-box-shadow: 2px 7px 11px -7px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 7px 11px -7px rgba(0,0,0,0.75);
box-shadow: 2px 7px 11px -7px rgba(0,0,0,0.75);
z-index: 1000 !important;
position: relative;
	
}







parallax

#parallax-container {
  display: block;
  height: 100%;
}

#parallax-container div {
  position: fixed;
  top: 0;
  background-position: center !important;
  transform: translateY(0px);
  height: 100%;
  width: 100%;
}

#content {
  position: relative;
  color: #ffffff;
  padding: 100px;
}


.text-center {
	text-align: center
}
.GRcenter {
	text-align: center;
  padding-top: 40px;
padding-bottom: 40px;
}

.GRcenter img { margin: 10px;}
.GRcenter svg { margin: 10px;}
.GRcenter object { margin: 10px;}



.img-center {
	margin:0 auto;
padding-top: 40px;
padding-bottom: 40px;

}


@media (max-width: 767px) {
	
.GRcenter img { margin: 10px;}
.GRcenter svg { margin: 10px;}
.GRcenter object { margin: 10px; clear: left;  width: 50% !important;}

.img-center {
	margin:0 auto;
padding-top: 10px;
padding-bottom: 10px;

}	
	
	
}











#section10 a {
  padding-top: 60px;
}
#section10 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#section10 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


















/*bod*/

.iamgurdeep-pic {
    position: relative;
}

.username {
    bottom: 0;
    color: #ffffff;
    padding: 0px 0px 4px;
    position: relative;
    width: 100%;
    

}
.iamgurdeeposahan {
    border-bottom: 1px solid #240772;
}
.username > h2 {
font-size: 18px;
	line-height: 22px;
font-weight: lighter;
margin: 11px 0 4px;
position: relative;
}


.username > h3 {
font-size: 14px;
line-height: 20px;
font-weight: lighter;
margin: 2px 0 4px;
position: relative;
}


.username > h2 small {
    color: #ffffff;
    font-family: open sans;
    font-size: 13px;
    font-weight: 400;
    position: relative;
}
.username .fa{
    color: #ffffff;
    font-size: 14px;
    margin: 0 0 0 4px;
    position: static;
}
.edit-pic a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    font-size: 21px;
    height: 39px;
    line-height: 38px;
    margin: 8px;
    text-align: center;
    width: 39px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
	transition: all 0.4s ease;
    text-decoration: none !important;
     display: list-item;
     background-color: rgba(255, 255, 255, 0.1)
}
.edit-pic a:hover {
   font-size: 17px;
   opacity: 0.9;
  }
.edit-pic a:focus {
   background:#b63b4d;
    color: #fff;
    border: 1px solid #b63b4d;
}
a:focus {
    outline: none;
    outline-offset: 0px;
}
.edit-pic {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.tags {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    display: inline-block;
    font-size: 13px;
    margin: 4px 0 0;
    padding: 2px 5px;
     -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.tags:hover {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    display: inline-block;
    font-size: 13px;
    margin: 4px 0 0;
    padding: 2px 5px;
}
#accordion:hover .edit-pic {
    opacity: unset;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.btn-o {
    
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    color: #ffffff !important;
    display: inline-block;
    font-family: open sans;
    font-size: 15px !important;
    font-weight: normal !important;
    margin: 0 0 10px;
    padding: 5px 11px;
    text-decoration: none !important;
    text-transform: uppercase;
    
   background-color: rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btn-o:hover {
  background-color: rgba(255, 255, 255, 0.4);
    color: #fff !important;
  }
.btn-o:focus {
   background:#b63b4d;
    color: #fff;
    border: 1px solid #b63b4d;
}
.submenu .iamgurdeeposahan {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0 !important;
    border-radius: 50%;
    height: 60px;
    padding: 2px;
    width: 60px;
}
.photosgurdeep > a {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block !important;
    padding: 0 !important;
}
.view-all {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0 !important;
    border: 1px solid;
    float: right;
    font-family: oswald;
    font-size: 26px;
    height: 60px;
    line-height: 61px;
    text-align: center;
    width: 60px;
}
.photosgurdeep {
    padding: 10px 9px 4px 35px;
}
ul {
	list-style-type: none;
}


/** =======================
 * Contenedor Principal
 ===========================*/


 .accordion {
 	width: 100%;
 	background: #FFF;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
	 margin-top: 30px;
 }

.accordion .link {
	cursor: pointer;
	text-align: right;
	display: block;
	padding: 5px 22px 30px 20px;
	color: #4D4D4D;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	border-bottom: 1px solid #CCC;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-family: "DIN-Next-LT-Arabic-Regular";
	
	
}

.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion li i {
	position: absolute;
	top: 5px;
	left: 0px;
	font-size: 12px;
	line-height: 15px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 0px;
left: auto;
font-size: 16px;
}

.accordion li.open .link {
	color: #007bff;
	
}

.accordion li.open i {
	color: #007bff;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion li.default .submenu {display: block;}
/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	font-size: 14px;
	 margin-bottom: 25px;
border: 1px solid #EBEBEB;
padding: 20px;
 }

 .submenu li {
 }


.submenu h3 {
    font-size: 18px;
    color: #240772;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: 15px;
}



.submenu li p strong {
    font-weight: 700;
	margin: 10px 0px 0px 0px;
	padding-top: 10px;
}

.submenu li p  {
		margin: 5px 0px 10px 0px;
font-size: 15px;
line-height: 20px;

}



 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #d9d9d9;
 	padding: 12px;
 	padding-left: 42px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }

 .submenu a:hover {
 	background: #b63b4d;
 	color: #FFF;
 }
















.nav.navbar-nav .dropdown-toggle {
    padding: 0 !important;
}

.dropdown-toggle span {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50px;
    font-size: 23px !important;
    height: 38px;
    line-height: 40px;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    width: 38px;
    text-shadow:none !important;
}

.nav.navbar-nav {
    bottom: 10px;
    position: absolute;
    right: 12px;
    transition: all 0.4s ease 0s;
}

.navbar-nav > li > .dropdown-menu {
    border-radius: 2px !important;
    margin-top: 10px;
    min-width: 101px;
    padding: 0;
}
.navbar-nav > li > .dropdown-menu li a {
    color: #333333 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 2px 8px !important;
    text-align: right !important;
    text-shadow:none !important;
}
.dropdown-toggle {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    font-size: 15px !important;
}

.dropdown {
  -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.dropdown-menu>li>a {
    color:#428bca;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.dropdown ul.dropdown-menu {
    border-radius:4px;
    box-shadow:none;
}
.dropdown ul.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -8px;
    right: 8px;
    z-index: 10;
}
















.blog-item{margin-top: 50px;}



.blog-item img {
  display: block;
	width: 100%;
vertical-align: top;
}

.blog-item {
    display: inline-block;
    padding: 50px;
    overflow: hidden;
    align-items: center;
    max-width: 1000px;
    margin: auto;
    color: #333;
    border-radius: 6px;
    margin-bottom: 50px;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	
font-size: 20px;
line-height: 32px;	
	
	
}

.blog-item:hover {
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.blog-item .icon {
    width: 30%;
	float: left;
    margin-right: 50px;
    	border-bottom: 2px solid #240772;
    overflow: hidden;
    
}

.blog-item .content {
    width: 60%;
	float: left;
}


.blog-item .content p {
font-style: normal;
font-size: 17px;
line-height: 24px;
margin: 0px 0px 20px 0px;
}





.blog-item .content .title {

color: #00B09B;
font-size: 18px;
line-height: 22px;
font-weight: lighter;
margin: 11px 0 4px;
	font-family: 'Effra-Bold', Arial, sans-serif;
	
	
	
}



.blog-item .content .title .positionnm {
font-size: 14px;
margin-left: 0px;
color: #333;
display: block;
font-weight: 100;
    	font-family: 'Effra-Bold', Arial, sans-serif;

}


.blog-item .content .rounded {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.blog-item .item-arrow {
    height: 20px;
    width: 15%;
    position: relative;
    text-align: center;
    font-size: 35px;
    left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.blog-item a:hover > .item-arrow {
    /*padding-left: 40px;*/
    color: #25aae1;
    left: 30px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.rounded {
    width: 70px;
    height: 2px;
background-image: linear-gradient(to right, #240772, #40e495);	
	
    /* background: #2bb769; */
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

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

.blog-item .icon {
    width: 60%;
    float: left;
    margin-right: 50px;
    border-bottom: 2px solid #240772;
    overflow: hidden;
}

.blog-item .content {
    width: 100%;
    float: left;
}	

}








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

    .blog-item .content {
        width: 100%;
        margin-top: 35px;
    }

    .blog-item .content .title {
        font-size: 18px;
    }

    .blog-item .item-arrow {
        margin: auto;
    }

    .blog-item .icon {
        width: 100%;
    }

    .blog-item .icon img {
        width: 100%;
    }

    .blog-item {
        width: 92%;
        margin: auto;
    }

    .blog-item a {
        display: block;
        padding: 30px;
    }

}






.nwrap {background-color: aliceblue;border-radius: 6px;margin: 0px; padding: 30px; margin-top: 50px; }

.nwrap h1 {
    font-weight: 300;
    font-size: 30px;
    color: rgba(41,65,155,1.00);
    line-height: 30px;
    padding: 0px;
}


.nwrap p {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
color: rgba(41,65,155,1.00);
font-style: normal;
font-weight: 300;
font-size: 15px;
line-height: 1.6;
margin: 12px 0px 10px 0px;
}


@media only screen and (max-width: 767px) {
	
	.nwrap {background-color: aliceblue;border-radius: 6px; padding: 15px; margin-top: 0px; }
.nwrap h1 {
    font-weight: 300;
    font-size: 25px;
    color: rgba(41,65,155,1.00);
    line-height: 25px;
    padding: 0px;
}
}







@media only screen and (max-width: 480px) {
	
	.nwrap {background-color: aliceblue;border-radius: 6px; padding: 15px; margin-top: 0px; }
.nwrap h1 {
    font-weight: 300;
    font-size: 25px;
    color: rgba(41,65,155,1.00);
    line-height: 25px;
    padding: 0px;
}
}









#Layer_1{
	position: relative;
	width: 100%;
	z-index: 10;
}
				
canvas{
position: absolute;
z-index: 0;
width: 100% !important;}


@media only screen and (max-width: 767px) {
	
#Layer_1{
position: absolute;
width: 100%;
z-index: 10;
bottom: -5px;
height: auto;
display: inline-block;
left: 0px;				
	}
				
canvas{
position: relative;
z-index: 0;
width: 100% !important;
	}

}







/*bod accordion*/

button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}



[role=button] {
	cursor: pointer
}

.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear
}
.fade.in {
	opacity: 1
}
.collapse {
	display: none
}
.collapse.in {
	display: block
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: .35s;
	-o-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-property: height, visibility;
	-o-transition-property: height, visibility;
	transition-property: height, visibility
}








/* Scroll to top button */
#totop {height: 9px;
opacity: 0;
position: fixed;
right: -60px;
width: 35px;
z-index: 9999;
display: block;
top: 90%;
background-repeat: no-repeat;
background-position: center 15px;
background-color: #404040;
font-size: 9px;
font-weight: 900;
color: #fff;
text-align: center;
line-height: 1;
border-radius: 2px;
padding: 28px 0 5px 0; }

#totop:before {
position: absolute;
content: "";
top: 0px;
left: 0;
margin-left: 0px;
font-size: 11px;
display: inline-block;
background-image: url(../images/back-top.png);
background-position: center center;
display: block;
width: 35px;
height: 35px;
background-repeat: no-repeat;	
	
	
}





#totop.show { right:10px; opacity:0.7; }
#totop:hover { opacity:1; }
#totop {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}







#msg_Sec h2 {
font-size: 35px;
color: #00B09B;
line-height: 40px;
margin-bottom: 5px;
padding-top: 50px;
}
#msg_Sec p{
font-family: "DIN-Next-LT-Arabic-Light", 'Effra-Light', Arial, sans-serif;
color: #FFFFFF;
font-size: 22px;
line-height: 26px;
margin: 20px 0px 20px 0px;}


.msg_button{
	display: inline-block;
font-weight: 500;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border: 1px solid #00B09B;
color: rgba(255,255,255,1.00);
padding: .375rem .75rem;
font-size: 12px;
line-height: 1.5;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}


a.msg_button:hover {
    color: #FFFFFF;
    background-color: #1A025B;
    background-image: none;
    border-color: #17a2b8;
}



#vm_Sec h2 {
    font-size: 30px;
    color: #00B09B;
    line-height: 35px;
    margin-bottom: 5px;
}


#vm_Sec p {
	font-family: "DIN-Next-LT-Arabic-Light", 'Effra-Light', Arial, sans-serif;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
	color: #2a0d76;
    margin: 0px 0px 20px 0px;font-weight: 100;
}


.green-txt.list-square > li::before {
    font-family: 'FontAwesome';
    font-size: 10px;
    position: relative;
    bottom: 2px;
    content: "\f45c";
    padding-left: 10px;
    margin-right: -20px;
	color: #00B09B;
}

.green-txt.list-square > li {
    list-style: outside none none;
	font-family: "DIN-Next-LT-Arabic-Light", 'Effra-Light', Arial, sans-serif;
    margin: 0px 20px 4px 20px;
    font-size: 20px;
    line-height: 24px;	
	color: #2a0d76;
}



.hmtext1{ 
	position: absolute; 
	top: 0px; 
	right: 0px; 
color: #00B09B;
margin-bottom: 5px;
padding-top: 50px;
width: 30%;	
padding-right: 35px;
font-family: 'DIN-Next-LT-Arabic-Bold', Arial, sans-serif;	
    font-size: 35px;
    line-height: 40px;	
	
  animation-name: slidingstep1;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;	

}


.hmtext2{ 
	position: absolute; 
	bottom: 30%; 
	left: 5%; 
color: #00B09B;
margin-bottom: 5px;
padding-top: 50px;
width: 30%;	
	text-align: right;
    font-size: 20px;
    line-height: 24px;	
	
  animation-name: slidingstep2;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;		
	
}


@keyframes slidingstep1 {
  0% {
    left: -750px;
    opacity: 0;
  }
  5% {
    left: -500px;
    opacity: 0.2;
  }
  100% {
    left: 0px;
    opacity: 1;
  }
}


@keyframes slidingstep2 {
  0% {
    right: -750px;
    opacity: 0;
  }
  5% {
    right: -500px;
    opacity: 0.2;
  }
  100% {
    
    opacity: 1;
  }
}


.whtborder{border: 2px solid rgba(255,255,255,1.00);
display: block;
margin: 0px;
padding: 0px;
float: right;}






.blubox h2 {
    font-size: 20px;
    color: #00B09B;
    line-height: 22px;
    margin-bottom: 5px;
	padding-top: 10px;
}









@media only screen and (max-width: 1199px) {
	
	#msg_Sec h2 {
font-size: 30px;
line-height: 35px;
margin-bottom: 0px;
padding-top: 20px;
}
#msg_Sec p{
font-size: 18px;
line-height: 22px;
margin: 5px 0px 10px 0px;}
	
	
	
	
	

#vm_Sec h2 {
    font-size: 27px;
    color: #00B09B;
    line-height: 30px;
    margin-bottom: 5px;
}


#vm_Sec p {
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    margin: 0px 0px 20px 0px;
	font-weight: 100;
}


.green-txt.list-square > li::before {
    font-size: 8px;
    position: relative;
    bottom: 2px;
    padding-left: 10px;
    margin-right: -20px;
}

.green-txt.list-square > li {
    list-style: outside none none;
margin: 0px 20px 4px 20px;    
    font-size: 18px;
    line-height: 22px;	
	color: #2a0d76;
}	
	
	
	
	
}





@media only screen and (max-width: 991px) {
	
	
.blubox h2 {
    font-size: 17px;
    line-height: 17px;
    margin-bottom: 5px;
	padding-top: 10px;
}
	
	
	
.msg_button{
font-size: 11px;
line-height: 1.5;
}	
	
	
	
	
	#msg_Sec h2 {
font-size: 24px;
line-height: 28px;
margin-bottom: 0px;
padding-top: 0px;
}
#msg_Sec p{
font-size: 17px;
line-height: 20px;
margin: 5px 0px 10px 0px;}
	
	
	
	
	

#vm_Sec h2 {
    font-size: 24px;
    color: #00B09B;
    line-height: 28px;
    margin-bottom: 5px;
}


#vm_Sec p {
    font-style: normal;
    font-size: 17px;
    line-height: 20px;
    margin: 0px 0px 20px 0px;
	font-weight: 100;
}


.green-txt.list-square > li::before {
    font-size: 8px;
    position: relative;
    bottom: 2px;
    padding-left: 10px;
    margin-right: -20px;
}

.green-txt.list-square > li {
    list-style: outside none none;
    margin: 0px 20px 4px 20px;
    font-size: 18px;
    line-height: 22px;	
	color: #2a0d76;
}	
	
	
	
	
}




@media only screen and (max-width: 767px) {
	
.blubox h2 {
    font-size: 19px;
    line-height: 21px;
    margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 30px;
}	
	
	
.hmtext1{ 
position: absolute; 
top: 0px; 
right: 0px; 
margin-bottom: 5px;
padding-top: 20px;
width: 50%;	
padding-right: 35px;
font-size: 25px;
line-height: 30px;	

}


.hmtext2{ 
position: absolute; 
bottom: 20%; 
left: 5%; 
margin-bottom: 5px;
padding-top: 50px;
width: 30%;	
text-align: right;
font-size: 17px;
line-height: 20px;	
}
	
	
	
	
	
	
	
	
	
	
		#msg_Sec img {
			border-bottom: 4px solid #00B09B;
}
	
	#msg_Sec h2 {
font-size: 24px;
line-height: 28px;
margin-bottom: 0px;
padding-top: 20px;
}	
	
.msg_button{
font-size: 11px;
line-height: 1.5;
	margin-bottom: 30px;
}		
	
	#vm_Sec  {
    margin-bottom: 70px;
}
	
	
	
}








@media only screen and (max-width: 560px) {
	
.whtborder {
    border: 2px solid rgba(255,255,255,1.00);
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 50%;
}	
	
	
.hmtext1{ 
position: absolute; 
top: 0px; 
right: 0px; 
margin-bottom: 5px;
padding-top: 20px;
width: 50%;	
padding-right: 35px;
font-size: 20px;
line-height: 25px;	

}


.hmtext2{ 
position: absolute; 
bottom: 5%; 
left: 5%; 
margin-bottom: 5px;
padding-top: 50px;
width: 50%;	
text-align: right;
font-size: 16px;
line-height: 19px;	
}
	

}







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

.whtborder {
    border: 2px solid rgba(255,255,255,1.00);
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 25%;
}	
	
	
.hmtext1{ 
position: absolute;
top: 0px;
right: 0px;
margin-bottom: 5px;
padding-top: 10px;
width: 50%;
padding-right: 20px;
font-size: 19px;
line-height: 22px;	

}


.hmtext2{ 
position: absolute; 
bottom: 5%; 
left: 7%; 
margin-bottom: 5px;
padding-top: 50px;
width: 50%;	
text-align: right;
font-size: 14px;
line-height: 17px;	
}
	

}




@media only screen and (max-width: 360px) {
	
	
.hmtext1{ 
position: absolute;
top: 0px;
right: 0px;
margin-bottom: 5px;
padding-top: 5px;
width: 50%;
padding-right: 20px;
font-size: 19px;
line-height: 20px;	
	
	
	

}


.hmtext2{ 
position: absolute; 
bottom: 5%; 
left: 7%; 
margin-bottom: 5px;
padding-top: 50px;
width: 50%;	
text-align: right;
font-size: 12px;
line-height: 15px;	
}
	

}





#section10  {
  position: absolute;
  bottom: 25%;
	left: 50%;

}


#section10 a {
  padding-top: 60px;
}
#section10 a span {
  position: relative;
  bottom: 0px;
	display: inline-block;
  left: 0%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #240772;
  border-radius: 50px;
  box-sizing: border-box;
	text-align: center;
}
#section10 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #240772;
  border-radius: 100%;
  -webkit-animation: ryb 2s infinite;
  animation: ryb 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes ryb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ryb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

html {
  scroll-behavior: smooth;
}



@media only screen and (max-width: 991px) {
	
	#section10  {
  position: absolute;
  bottom: 7%;
	left: 50%;

}

	
	
}




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

	
		#section10  {
		display: none;


}


	
	
}







.services-flash {
  /*box-shadow: rgba(2,3,3,.1) 0 0 120px;*/
  margin-top: 0px;
  margin-bottom: 0px!important ;	
  
}


.services-flash .service-item {
  /*border: #C34045 1px solid;*/
  background: #240772;
  padding: 2.125rem 1.625rem 2.125rem 2rem;
  margin-bottom: -1px;
  margin-top: 0;
  display: block;
  min-height: 300px;
	box-shadow: rgba(2,3,3,.1) 0 0 120px;
}

@media (min-width: 576px) and (max-width: 767px) {
  .services-flash .service-item:nth-child(odd) {
    margin-left: 0;
  }
}

@media (max-width: 575px) {
  .services-flash .service-item {
    margin-left: 0;
  }
}

.services-flash .service-item:hover {
  z-index: 10;
}



.services-flash .service-item img {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;

}


.services-flash .service-item:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);

}




.services-flash .service-item:before {
  content: "";
  background: #00B09B;
  height: 5px;
  width: 0;
  position: absolute;
  left: -1px;
  top: -1px;
  transition: all .4s ease-in-out;
}

.services-flash .service-item:hover:before {
  width: calc(100% + 2px);
}





.services-flash a:hover .service-item-title,
.services-flash .service-item-title:hover {
  color: #ffffff;
}



.service-item:hover .service-item-plus:before,
.service-item:hover .service-item-plus:after {
  background: #ffffff;
}

.service-item:hover .service-item-plus:after {
  transform: rotate(90deg);
}


@media (max-width: 1199px) {
	
	.services-flash .service-item {

  min-height: 300px;
}
	
	
}



@media (max-width: 991px) {
	
	.services-flash .service-item {

  min-height: 300px;
}
	
	
	
.services-flash .service-item {
  /*border: #C34045 1px solid;*/
  background: #240772;
padding: 2.125rem 1.2rem 2.125rem 1.2rem;
	margin-bottom: -1px;
  margin-top: 0;
  display: block;
  min-height: 300px;
	box-shadow: rgba(2,3,3,.1) 0 0 120px;
}	
	
	
	
}
	





@media (max-width: 767px) {
	
	.services-flash .service-item {

  min-height: inherit;
}
	
	
}