@font-face {
    font-family: DroidKufi-Regular;
    src: url(../fonts/DroidKufi-Regular.ttf),
   		 url('../fonts/DroidKufi-Regular.eot?#iefix') format('embedded-opentype');
}
@font-face {
    font-family: DroidKufi-Bold;
    src: url(../fonts/DroidKufi-Bold.ttf),
     url('../fonts/DroidKufi-Bold.eot?#iefix') format('embedded-opentype');

}
.rtl {
    float: right!important;
    direction: rtl!important;
    text-align: right;
    font-family: 'DroidKufi-Regular'!important
}


.topnav>li> a.facebook {
    width: 30px;
    height: 30px;
    background-color: #3B5998;
    color: #fff !important;
    font-size: 15px;
    text-align: center;
    padding-top: 8px;
    padding-left: 2px;
    }
    
    .topnav>li> a.facebook i {
        color: #fff !important;
        }

    
    .topnav>li> a.twitter {
    width: 30px;
    height: 30px;
    background-color: #1DA1F2;
    color: #fff !important;
    font-size: 15px;
    text-align: center;
    padding-top: 8px;
    padding-left: 2px;
    }
    
      .topnav>li> a.twitter i {
    color: #fff !important;
      }




.topnav>li> a.instagram {
    width: 30px;
    height: 30px;
    background-color: #C32AA3;
    color: #fff !important;
    font-size: 15px;
    text-align: center;
    padding-top: 8px;
    padding-left: 0px;
    }
    
    
    .topnav>li> a.instagram i {
    color: #fff !important;
     }




.topnav>li> a.youtube {
    width: 30px;
    height: 30px;
    background-color: #FF0000;
    color: #fff !important;
    font-size: 15px;
    text-align: center;
    padding-top: 8px;
    padding-left: 1px;
    }
    
    
    
    .topnav>li> a.youtube i {
    color: #fff !important;
      }

.search-button{
width:30px;
height:30px;
font-size: 15px;
    text-align: center;
    padding-top: 8px;
    padding-left: 2px;
    margin-top:0px !important;
    margin-bottom:0px !important;
}



.font-sizer {
  background-color: #404040;
bottom: 5px;
height: auto;
left: 5px;
position: fixed;
width: auto;

border-radius: 3px;
border: 4px solid #404040;
opacity:0.5;
				
								
							}
							
.font-sizer:hover{
							opacity:1;
}
	.font-sizer a, .font-sizer img {
    margin: auto;
								
								
}
	
	.font-sizer span{
		color:#fff; 
		text-align: right;
		float: right;
		padding: 2px 8px 2px 0px;
		margin-left: 8px;
	}
	
	
	.font-sizer a{
		color: #646464;


float: right;
padding: 8px 9px;
border: 2px solid #646464;
}


.font-sizer a:hover{
	background-color:#646464;
	color:#ba9a3a !important;
	
}
	
	
	  a.decrease{
		width: 48%;
text-align: center;
border-radius: 2px;
margin-right: 1px;	}
	
	
	 a.increase{
	
width: 48%;
text-align: center;

vertical-align: bottom;
border-radius: 2px;
margin-left: 2%;		
	}



#aspnetForm{
margin-bottom:0 !important;
}

label{
vertical-align: top !important;
margin-left:30px;
}


input, select, label, textarea, button, option{
 font-family: 'DroidKufi-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif !important;

}

.control-label{
margin-left:0px !important;
}


.MsoNormal{
font-family: 'DroidKufi-Regular' !important;
margin-bottom: 15px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.chaser .main-menu li:hover > a:not(:only-child) + .hg_mega_container{

right:-572px !important;
}

}


/*----MS Edge Browser CSS Start----*/
@supports (-ms-accelerator:true) {
	.prt-hover-slidein .tbk__subtitle {  color:#fff !important; } 
	.edu_input_field{ width:15.1% !important; }
}
/*----MS Edge Browser CSS End----*/
---------------------------------






/**************************************************** Share Point Issues ***************************************************/
/*  Remove the white spaces at the bottom */
#s4-bodyContainer{padding-bottom:0}
#pageStatusBar{margin-bottom:0!important}
object[style="visibility: hidden;"]{display:none!important}
#zz14_Menu_t{display:none;}
#O365_MainLink_Help{display:none;}
#ctl00_ctl60_g_f5a89e4d_d3aa_48d9_9948_4bca10e1d11f_EventCalendar a{ color:white !important}
/*  BreadCrumb  */
.breadcrumbRootNode{display:none}
#breadcrumb span span:nth-child(2){display:none}

/* Scroll Issue for the public site  */
body{overflow:auto!important} 

/* Dialog */
.ms-dialog h3{margin-top:0}
.ms-dialog #MainContent{width:auto;min-height:10px}
.ms-dialog #MasterRightColumn{width:99.9%;padding-bottom:0}
.ms-dialog body #s4-workspace {overflow-y:auto!important}

/* web part zone tool bar */
#MSOTlPn_MainTD{position:absolute;width:0!important}
#MSOTlPn_Tbl{position:fixed;right:100px;z-index:10;top:194px;width:295px!important}
#MSOTlPn_Parts .ms-ToolPaneBody{max-height:300px!important;overflow-y:auto!important;overflow-x:hidden!important}
#MSOTlPn_Tbl .ms-TPBorder{width:100%}
#MSOTlPn_Parts .ms-ToolPaneBody .UserSectionBody{overflow-x:auto;width:265px}
#MSOTlPn_Parts .ms-ToolPaneBody .UserSectionBody select,#MSOTlPn_Parts .ms-ToolPaneBody .UserSectionBody input[type="text"]{width:230px!important}

/* Left Nav */
#sideNavBox{margin-left:0;width:100%}
.ms-core-sideNavBox-removeLeftMargin{margin-left:0}

.ms-webpartzone-cell {
    margin: auto auto 0px;
      }


.btn-fullcolor a:visited{
	color:#fff !important;
}


body {
     font-family: 'DroidKufi-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
         font-size: 13px;
    line-height: 1.7;
    color: #535353;
    background-color: #f5f5f5;
    direction: rtl;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'DroidKufi-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal
}
p {
    margin: 0 0 20px
}
a {
    color: #212121;
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out
}
a:hover {
    color: #b71c1c;
    text-decoration: none
}
a:focus {
    outline: 0;
    text-decoration: none;
    color: initial;
    text-shadow: none
}
section {
    padding-top: 45px;
    padding-bottom: 45px
}
.clear {
    clear: both
}
img {
    max-width: 100%;
    height: auto
}
h1,
.page-title {
    font-family: 'DroidKufi-Regular';
    font-size: 36px;
    line-height: 40px;
    font-weight: 400;
    font-style: normal
}
h2 {
    font-family: 'DroidKufi-Regular';
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    font-style: normal
}
h3 {
    font-family: 'DroidKufi-Regular';
    font-size: 24px;
    line-height: 40px;
    font-weight: 400;
    font-style: normal
}
h4 {
    font-family: 'DroidKufi-Regular';
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    font-style: normal
}
h5 {
    font-family: 'DroidKufi-Regular';
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal
}
h6 {
    font-family: 'DroidKufi-Regular';
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal
}
body.one-page {
    overflow-x: hidden
}
.hg_ovhidden {
    overflow: hidden
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset
}
ul,
li {
    
    margin: 0;
    padding: 0; 
    direction:rtl;
}
.text-white {
    color: #fff
}
.tcolor {
    color: #b71c1c!important
}
.white {
    color: #fff!important
}
.black {
    color: #2d2d2d!important
}
.gray {
    color: #7c7c7c!important
}
.gray2 {
    color: #545d60!important
}
.light-gray {
    color: #a8a8a8
}
.light-gray2 {
    color: #eaeaea
}
.light-gray3 {
    color: #c8c8c8
}
.dark-gray {
    color: #343434!important
}
.blue {
    color: #3498db!important
}
.b-gray {
    border-bottom-color: #898989!important
}
.bg-white {
    background-color: #fff!important
}
.tbg {
    background-color: #b71c1c!important
}
.bg-gray {
    background-color: #6b6b6b!important
}
.bg-lightgray {
    background-color: #ececec!important
}
.bg-lightgray2 {
    background-color: #fefefe!important
}
.bg-dark-gray {
    background-color: #353535!important
}
.bg-black-gray {
    background-color: #1b1b1b!important
}
.colored-section[data-color="darkgray"] {
    background-color: #1a1c25
}
h4[data-color="white"] {
    color: #fff
}
.op-3 {
    opacity: .3!important
}
.text-shadow {
    text-shadow: 0 2px 1px #212121
}
.vh-100 {
    height: 100vh
}
.absolute {
    position: absolute
}
.uh_zn_def_header_style,
.zn_def_header_style,
.page-subheader.zn_def_header_style,
.moss-slideshow.zn_def_header_style,
.page-subheader.uh_zn_def_header_style,
.moss-slideshow.uh_zn_def_header_style {
    background-color: #066fd9
}
.min-200 {
    min-height: 200px!important
}
.min-300 {
    min-height: 300px!important
}
.min-380 {
    min-height: 380px!important
}
.min-330 {
    min-height: 330px!important
}
.min-370 {
    min-height: 370px!important
}
.min-400 {
    min-height: 400px!important
}
.min-450 {
    min-height: 450px!important
}
.min-500 {
    min-height: 500px!important
}
.min-700 {
    min-height: 700px!important
}
.min-820 {
    min-height: 820px!important
}
.max-300 {
    max-height: 300px!important
}
.h-260 {
    height: 170px!important
}
.h-320 {
    height: 320px!important
}
.h-370 {
    height: 370px!important
}
.h-520 {
    height: 520px!important
}
.h-545 {
    height: 545px!important
}
.h-400 {
    height: 400px!important
}
.h-420 {
    height: 420px!important
}
.h-450 {
    height: 450px!important
}
.h-500 {
    height: 500px!important
}
.h-600 {
    height: 600px!important
}
.h-615 {
    height: 615px!important
}
.h-625 {
    height: 625px!important
}
.h-700 {
    height: 700px!important
}
.h-720 {
    height: 720px!important
}
.h-760 {
    height: 760px!important
}
.h-800 {
    height: 800px!important
}
.aligncenter {
    display: block;
    margin: 0 auto
}
.alignright {
    float: right;
    margin: 0 0 10px 20px
}
.alignleft {
    float: left;
    margin: 0 20px 10px 0
}
.floatleft {
    float: left
}
.floatright {
    float: right
}
.textcenter {
    text-align: center!important
}
.textright {
    text-align: right!important
}
.textleft {
    text-align: left!important
}
.vertical-aligned {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.center-block {
    padding-top: calc(100vh - 50%)
}
.bottom-block {
    position: absolute;
    bottom: 50px;
    width: 100%
}
.moss-font-alt {
    font-family: 'DroidKufi-Regular', Helvetica, Arial, sans-serif
}
.row.gutter-lg {
    margin-right: -40px;
    margin-left: -40px
}
.row.gutter-lg>[class*="col-"] {
    padding-right: 30px;
    padding-left: 30px
}
.container-fluid.no-pad-cols,
.container-fluid.no-pad-cols>.row>div[class*="col-sm-"] {
    padding-left: 0;
    padding-right: 0
}
.o-hidden {
    overflow: hidden
}
.inline-block {
    display: inline-block!important
}
.justified-blocks {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines
}
.loader {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.95);
    z-index: 1999;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}
.loader.hideit {
    opacity: 0
}
.pace-done .loader {
    opacity: 0;
    display: none
}
.loader svg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin: -20px 0 0 -20px;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite
}
.loader svg path {
    fill: #fe6060
}
.bottom-border {
    border-bottom: 1px solid #e8e8e8
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello", 'Glyphicons Halflings', 'icomoon';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
    }
.main-nav ul .zn-mega-new-item {
    position: absolute;
    line-height: 1;
    padding: 5px;
    text-transform: initial;
    font-size: 10px;
    top: 50%;
    right: 3px;
    background-color: #b71c1c;
    color: #fff;
    border-radius: 2px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.main-nav ul ul .zn-mega-new-item {
    left: auto;
    right: 10px;
    text-transform: uppercase
}
.main-nav ul ul.sub-menu li a:not(:only-child) .zn-mega-new-item {
    right: 30px
}
.main-nav .zn_mega_container ul .zn-mega-new-item {
    right: 3px
}
#totop {
    height: 9px;
    opacity: 0;
    position: fixed;
    right: -60px;
    width: 49px;
    z-index: 9999;
    display: block;
    top: 91%;
    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 21px 0
}
#totop:before {
    position: absolute;
    content: "\e080";
    top: 10px;
    left: 50%;
    margin-left: -6px;
    font-size: 11px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
#totop.show {
    right: 10px;
    opacity: .7
}
#totop:hover {
    opacity: 1
}
.btn-lined {
    border-width: 2px;
    background: 0;
    color: #fff;
    text-shadow: none;
    padding: 7px 20px;
    line-height: 1.6;
    box-shadow: none;
    font-size: 14px;
    font-weight: 700;
    border-style: solid;
    border-radius: 3px;
    border-color: #fff;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}
.btn-lined:hover {
    border-color: rgba(255, 255, 255, .7);
    color: #fff
}
.btn-lined.btn-skewed {
    border: 0;
    background: 0;
    position: relative
}
.btn-lined.btn-skewed:before {
    content: '';
    border: 2px solid #fff;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    transform: skewX(-8deg)
}
.btn-lined.btn-skewed:hover:before {
    border-color: rgba(255, 255, 255, .7)
}
.btn-lined.lined-dark {
    color: #242424;
    border-color: #242424
}
.btn-lined.lined-dark:hover {
    color: #343434
}
.btn-lined.lined-full-light {
    color: #242424;
    border-color: #fff;
    background: rgba(255, 255, 255, 0.8)
}
.btn-lined.lined-full-light:hover {
    color: #343434;
    background-color: #fff
}
.btn-lined.lined-full-dark {
    color: #e0e0e0;
    border-color: #212121;
    background: rgba(0, 0, 0, 0.8)
}
.btn-lined.lined-full-dark:hover {
    color: #f9f9f9;
    background-color: #212121
}
.btn-lined.lined-custom {
    color: #b71c1c;
border-color: #b71c1c;
margin-top: 0px !important;
padding: 9px 22px;
background-color: white;
margin-left: 5px;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);}

.btnreset{
float:right
margin-top: 0px !important;
margin-right: 10px;
}

.btnSearch{
float:right;
margin-top:0px !important;
}
.btn-fullwhite,
.btn-fullblack,
.btn-fullcolor {
    border-width: 0
}
.btn-fullwhite,
.btn-fullblack,
.btn-fullcolor,
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-link {
    text-shadow: none;
    padding: 10px 20px;
    line-height: 1.6;
    box-shadow: none;
    font-size: 13px;
    font-weight: 700;
    border-style: solid;
    border-radius: 3px;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out
}
.btn-fullcolor,
.btn-fullcolor:focus {
    background-color: #b71c1c;
    color: #fff
}

.btn-fullcolor,
.btn-fullcolor:visited {
    background-color: #b71c1c;
    color: #fff !important;
}


.btn-fullcolor:hover {
    color: #fff
}
.btn-fullwhite {
    background-color: #fff;
    color: #242424
}
.btn-fullwhite:hover {
    color: #353535;
    background-color: rgba(255, 255, 255, 0.85)
}
.btn-fullblack {
    background-color: #090909;
    color: #f9f9f9
}
.btn-fullblack:hover {
    color: #eee;
    background-color: rgba(0, 0, 0, 0.85)
}
.btn-fullcolor:hover,
.btn-fullcolor.btn-skewed:hover:before,
.cart-container .buttons .button.wc-forward:hover {
    background-color: #a41a1b
}
.btn-fullwhite.btn-skewed,
.btn-fullblack.btn-skewed,
.btn-fullcolor.btn-skewed,
.btn-fullwhite.btn-skewed:hover,
.btn-fullblack.btn-skewed:hover,
.btn-fullcolor.btn-skewed:hover {
    border: 0;
    background: 0;
    position: relative;
    z-index: 0
}
.btn-fullwhite.btn-skewed:before,
.btn-fullblack.btn-skewed:before,
.btn-fullcolor.btn-skewed:before {
    content: '';
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    transform: skewX(-8deg);
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    z-index: -1
}
.btn-fullcolor.btn-skewed:before {
    background-color: #b71c1c
}
.btn-fullwhite.btn-skewed:before {
    background-color: #fff
}
.btn-fullwhite.btn-skewed:hover:before {
    background-color: rgba(255, 255, 255, 0.85)
}
.btn-fullblack.btn-skewed:before {
    background-color: #090909
}
.btn-fullblack.btn-skewed:hover:before {
    background-color: rgba(0, 0, 0, 0.85)
}
.btn-group-lg>.btn,
.btn-lg {
    padding: 20px 30px;
    font-size: 18px;
    line-height: 1.3333333
}
.btn-group-lg>.btn.btn-lined,
.btn-lg.btn-lined {
    padding: 18px 30px
}
.btn-group-md>.btn,
.btn-md {
    padding: 16px 25px;
    font-size: 14px;
    line-height: 1.3333333
}
.btn-group-md>.btn.btn-lined,
.btn-md.btn-lined {
    padding: 14px 25px
}
.btn-group-sm>.btn,
.btn-sm {
    padding: 5px 10px 4px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600
}
.btn-group-sm>.btn.btn-lined,
.btn-sm.btn-lined {
    padding: 3px 10px 2px
}
.btn-group-xs>.btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.6;
    font-weight: 400
}
.btn-group-xs>.btn.btn-lined,
.btn-xs.btn-lined {
    padding: 1px 5px
}
.btn-fullwidth {
    width: 100%
}
.btn-halfwidth {
    width: 50%
}
.btn-third {
    width: 33.33%
}
.btn-forth {
    width: 25%
}
.btn-element>span{
font-family: 'DroidKufi-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.btn-element>span:before{
font-family: 'Glyphicons Halflings' !important;
}

.btn-element>span,
.btn-element>i {
    vertical-align: middle;
    display: inline-block
}
.btn-element>span+i {
    margin-left: 10px
}
.btn-element>i+span {
    margin-left: 10px
}
[data-zniconfam]:before,
[data-zniconfam] {
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.hg_separator {
    margin-top: 15px;
    margin-bottom: 15px;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #e2e2e2
}
.hg_separator.style2 {
    margin-top: 30px;
    margin-bottom: 45px;
    border-top-width: 4px;
    border-top-color: #ededed
}
.section-shadow {
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 rgba(0, 0, 0, 0.07), inset 0 3px 0 rgba(0, 0, 0, 0.03)
}
body .moss-ioscaption--style4 .more:before {
    border-color: #9c730c;
    background: rgba(208, 153, 16, 0.9)
}
body .moss-ioscaption--style4 .more:hover:before {
    background: #c08d0f
}
.parallax-bg {
    width: 100%;
    background-position: 50% 0;
    background-attachment: fixed
}
.main-nav {
    display: none
}
@media screen and (min-width: 992px) {
    .main-nav {
        display: block;
        margin-right: 20px;
        font-size: 14px;
        float: right
    }
    .main-nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
        line-height: 1
    }
    .main-nav>ul:after,
    .main-nav>ul:before {
        display: table;
        content: " "
    }
    .main-nav>ul:after {
        clear: both
    }
    .main-nav>ul {
        margin: 0
    }
    .main-nav ul li {
        margin-bottom: 0
    }
    .main-nav ul li a {
        display: block;
        font-weight: 400
    }
    .main-nav>ul>li {
        float: left;
        margin-top: 0;
        margin-left: -3px
    }
    .main-nav>ul>li {
        padding-bottom: 10px
    }
    .main-nav>ul>li:not(.menu-item-mega-parent) {
        position: relative
    }
    .main-nav>ul>li:first-child {
        margin-left: 0
    }
    .main-nav>ul>li>a {
        position: relative;
        padding: 8px 6px;
        margin: 0 4px;
        font-size: 14px;
        line-height: 14px;
        color: #fff;
        z-index: 1;
        font-weight: 400;
        -webkit-transition: padding .2s ease-in-out, -webkit-transform .2s ease-in-out;
        transition: padding .2s ease-in-out, transform .2s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        font-family: 'DroidKufi-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif
    }
    .main-nav>ul>li.menu-item-has-children>a:after {
        content: '';
        opacity: 1;
        position: absolute;
        height: 1px;
        width: 7px;
        bottom: 3px;
        left: 17px;
        -webkit-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }
    .main-nav>ul>li>a:before {
        content: '';
        opacity: 0;
        position: absolute;
        border-radius: 2px;
        height: 50%;
        width: 100%;
        top: 50%;
        left: 0;
        background-color: #b71c1c;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: height .2s ease-in-out;
        transition: height .2s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: -1
    }
    .main-nav>ul>li.active>a,
    .main-nav>ul>li>a:hover,
    .main-nav>ul>li:hover>a {
        text-decoration: none;
        color: #fff
    }
    .main-nav>ul>li.active>a:before,
    .main-nav>ul>li>a:hover:before,
    .main-nav>ul>li:hover>a:before {
        height: 100%;
        opacity: 1
    }
    .main-nav>ul>li.active.menu-item-has-children>a:after,
    .main-nav>ul>li.menu-item-has-children>a:hover:after,
    .main-nav>ul>li.menu-item-has-children:hover>a:after {
        opacity: 0
    }
    .main-nav ul ul.sub-menu li {
        position: relative
    }
    .main-nav ul ul.sub-menu ul {
        top: 100%;
        margin-top: 0
    }
    .main-nav ul ul.sub-menu li a:not(:only-child):after {
        position: absolute;
        margin-top: -1px;
        left: 10px;
        /* content: '\003e'; */
        opacity: 1;
        width: 10px;
        height: 2px
    }
    .main-nav ul ul.sub-menu li a {
        min-width: 230px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgba(0, 0, 0, 0.03);
        padding: 10px 20px;
        font-size: 12px;
        color: #757575;
        position: relative;
        text-transform: uppercase
    }
    .main-nav ul ul.sub-menu li a[title="separator"] {
        text-indent: -2999px;
        padding: 0;
        background-color: rgba(0, 0, 0, 0.05)!important;
        background-clip: padding-box;
        height: 5px
    }
    .main-nav ul ul.sub-menu li.active>a,
    .main-nav ul ul.sub-menu li a:hover {
        color: #323232;
        background: rgba(0, 0, 0, 0.04)
    }
    .main-nav ul ul.sub-menu,
    .main-nav .hg_mega_container {
        position: absolute;
        border-radius: 2px;
        border: 1px solid rgba(255, 255, 255, .8);
        box-shadow: 0 0 4px rgba(0, 0, 0, .4);
        background: #f5f5f5;
        padding: 6px 0;
        background: rgba(245, 245, 245, 1)
    }
    .main-nav>ul>li>ul.sub-menu:before {
        content: '';
        display: block;
        position: absolute;
        top: -10px;
        left: 0;
        width: 100%;
        height: 10px
    }
    .main-nav>ul>li>ul.sub-menu:after {
        content: '';
        display: block;
        position: absolute;
        top: -11px;
        right: 14px;
        border: 6px solid transparent;
        border-bottom-width: 5px;
        border-bottom-color: #f5f5f5
    }
    .main-nav ul ul.sub-menu li:hover>ul {
        left: 100%;
        top: -3px;
        opacity: 1;
        right:-230px;
    }
    .main-nav .hg_mega_container a.zn_mega_title[href="#custom-invisible"],
    .main-nav .hg_mega_container li:last-child a.zn_mega_title[href="#custom-invisible"] {
        color: transparent
    }
    .main-nav .hg_mega_container {
        border: 1px solid rgba(255, 255, 255, .8);
        box-shadow: 0 0 4px rgba(0, 0, 0, .4);
        background: #f5f5f5;
        padding: 6px 0;
        background: rgba(245, 245, 245, 0.95);
        position: absolute;
        padding: 20px 0;
        margin-top: 10px
    }
    .main-nav .hg_mega_container:before {
        content: '';
        display: block;
        position: absolute;
        top: -10px;
        left: 0;
        width: 100%;
        height: 10px
    }
    .main-nav .hg_mega_container li a {
        padding: 10px 0 !important;
        font-size: 12px;
        color: #757575;
        position: relative;
        text-transform: uppercase
    }
    .main-nav .hg_mega_container li a:not(.zn_mega_title):hover,
    .main-nav .hg_mega_container li.active>a:not(.zn_mega_title) {
        color: #323232
    }
    .main-nav .hg_mega_container li a:not(.zn_mega_title):before {
        content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 2px;
        background-color: #b71c1c;
        bottom: 0;
        -webkit-transition: width .15s cubic-bezier(0.680, 0, 0.265, 1);
        transition: width .15s cubic-bezier(0.680, 0, 0.265, 1)
    }
    .main-nav .hg_mega_container li a:not(.zn_mega_title):hover:before,
    .main-nav .hg_mega_container li.active>a:not(.zn_mega_title):before {
        width: 100%
    }
    .main-nav .hg_mega_container .zn_mega_title_hide {
        display: none
    }
    .main-nav .hg_mega_container .zn_mega_title_hide.v-hidden {
        display: block;
        visibility: hidden
    }
    .main-nav .hg_mega_container li a.zn_mega_title,
    .main-nav div.hg_mega_container ul li:last-child>a.zn_mega_title {
        font-size: 14px;
        padding-left: 0;
        padding-right: 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        padding: 12px 0;
        margin-bottom: 15px;
        font-weight: 600;
        
        color: #333;
        border-bottom-color: rgba(0, 0, 0, 0.1)
    }
    .main-nav .hg_mega_container .zn_mega_row_start {
        margin-top: 20px
    }
    .main-nav ul ul.sub-menu,
    .main-nav .hg_mega_container {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .4s ease, top .45s ease;
        transition: opacity .4s ease, top .45s ease
    }
    #menu-main-menu .sub-menu .sub-menu {
            }
            
    .main-nav .hg_mega_container {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px)
    }
    .main-nav ul ul.sub-menu {
        top: 120%
    }
    .main-nav .hg_mega_container {
        margin-top: 5px;
        -webkit-transition: opacity .4s ease, top .45s ease, margin-top .4s ease;
        transition: opacity .4s ease, top .45s ease, margin-top .4s ease
    }
    .main-nav ul li:hover>ul,
    .main-nav ul li:hover>.hg_mega_container {
        right: 0;
        opacity: 1;
        visibility: visible;
        z-index: 100
    }
    .main-nav ul li:hover>ul {
        top: 100%
    }
    .main-nav ul li:hover>.hg_mega_container {
        margin-top: -15px
    }
    .main-nav ul ul li a {
        -webkit-transition: padding-left .35s ease, border-right .35s ease;
        transition: padding-left .35s ease, border-right .35s ease
    }
    .main-nav ul .hg-mega-new-item {
        position: absolute;
        line-height: 1;
        padding: 5px;
        text-transform: initial;
        font-size: 10px;
        top: 50%;
        right: 3px;
        background-color: #b71c1c;
        color: #fff;
        border-radius: 2px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .main-nav ul ul .hg-mega-new-item {
        left: auto;
        right: 10px
    }
    .main-nav ul ul.sub-menu li a:not(:only-child) .hg-mega-new-item {
        right: 23px
    }
    .main-nav .hg_mega_container ul .hg-mega-new-item {
        right: 3px
    }
    #menu-main-menu li>a[href="#"] {
        cursor: pointer;
    }
}
.chaser {
    display: none
}
@media screen and (min-width: 992px) {
    .chaser {
        display: block;
        background-color: #fff;
        padding: 0;
        position: fixed;
        left: -2999px;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1;
        opacity: 0;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
        -webkit-transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
        transition: opacity .15s ease-in-out, transform .15s ease-in-out
    }
    .chaser.visible {
        left: 0;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
    }
    body.admin-bar>.chaser {
        margin-top: 32px
    }
    #wpk-main-menu {
        position: initial
    }
    .chaser .main-menu,
    .chaser .main-menu ul {
        float: none;
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative
    }
    .chaser .main-menu li:not(.menu-item-mega-parent) {
        position: relative
    }
    .chaser .main-menu>li {
        float: left;
        border-left: 1px solid rgba(255, 255, 255, .1)
    }
    .chaser .main-menu>li:last-child {
        border-right: 1px solid rgba(255, 255, 255, .1)
    }
    .chaser .main-menu .sub-menu,
    .chaser .main-menu .hg_mega_container {
        right: -2999px;
        position: absolute;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
        -webkit-transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
        transition: opacity .15s ease-in-out, transform .15s ease-in-out;
        border-radius: 0
    }
    .chaser .main-menu .hg_mega_container {
        left: -2999px!important
    }
    .chaser .main-menu .zn_mega_row_start:after,
    .chaser .main-menu .zn_mega_row_start:before {
        display: table;
        content: " "
    }
    .chaser .main-menu .zn_mega_row_start:after {
        clear: both
    }
    
    
    .chaser .main-menu li ul {

		min-width: 200px;
		padding: 5px 0px; 
		background-color: #fff;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
		border-radius: 3px;


   }


    .chaser .main-menu li ul li ul {
        background: 0
    }
    .chaser .main-menu .hg_mega_container>ul {
        padding-top: 0;
        padding-bottom: 20px
    }
    .chaser .main-menu .hg_mega_container>ul:first-child {
        padding-top: 20px
    }
    .chaser .main-menu .hg_mega_container>ul:last-child {
        padding-bottom: 30px
    }
    .chaser .main-menu .hg_mega_container ul ul {
        background: 0;
        padding: 10px 0 0
    }
    .chaser .main-menu .hg_mega_container .zn_mega_title {
        border-bottom: 1px solid #454545;
        background: 0
    }
    .chaser .main-menu .hg_mega_container .zn_mega_title_hide {
        display: none
    }
    .chaser .main-menu li a {
        display: block;
        color: #212121;
        font-size: 14px;
        line-height: 1.4;
        padding: 7px 9px;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
        position: relative;
        font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif
    }
    .chaser .main-menu li:hover>a:not(:only-child)+.sub-menu,
    .chaser .main-menu li:hover>a:not(:only-child)+.hg_mega_container {
        right: 0;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .chaser .main-menu li:hover>a:not(:only-child)+.hg_mega_container {
        left: 0!important
    }
    .chaser .main-menu li>a:not(:only-child) {
        padding-right: 9px
    }
    
    .chaser .main-menu li > a:not(:only-child):last-child{
    padding-left:0px;
    }
    
    .chaser .main-menu li>a:not(:only-child):after {
        content: '';
        position: absolute;
        top: 50%;
        right: 9px;
        margin-top: -1px;
        height: 2px;
        width: 6px;
        opacity: .5
    }
    .chaser .main-menu li li:hover>a:not(:only-child)+.sub-menu {
        left: 100% !important;
        top: -4px;
        right: -230px;
    }
    .chaser .main-menu li:hover>a,
    .chaser .main-menu li a:hover {
        color: #b71c1c
    }
    .chaser .main-menu li.active>a {
        color: #b71c1c
    }
    .chaser .zn-mega-new-item {
        display: none
    }
    
    
    .chaser .moss-header-toptext b{
    font-family:Arial, Helvetica, sans-serif !important;
    }
    
    .chaser .moss-header-toptext,
    .chaser .moss-header-toptext a {
            color: #212121;
    margin-left: 0px;
    float: right;
      }
    .chaser .header-leftside-container {
        padding-top: 10px
    }
    .chaser .main-menu>li,
    .chaser .main-menu>li:last-child {
        border: 0
    }
    .chaser .main-menu {
        margin-top: 0
    }
    .chaser .logo-container.hasInfoCard:before {
        top: 30px
    }
    .chaser .logosize--yes .site-logo {
        height: 83px;
        width: 100%;
        text-align: center;
        position: relative
    }
    .chaser .site-logo img {
        max-height: 115px
    }
    .chaser .main-menu li a[title="separator"] {
        text-indent: -2999px;
        display: none
    }
    .chaser .main-menu,
    .chaser .col-sm-10,
    .chaser .col-md-12 {
        position: initial
    }
    .chaser .row {
        position: relative
    }
    .chaser .main-menu li li:hover>a:not(:only-child)+.sub-menu {
        background: #fff
    }
    .chaser #logo-container {
        padding-right: 0
    }
}


.chaser ul ul.sub-menu li a{
border-bottom: 1px solid #e9e9e9 !important;
}


.main-nav > ul > li:last-child a{
padding-bottom:0px ;
padding-right:0px ;
}


.main-nav > ul > li:last-child a::before{
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.18), 0 4px 8px 0 rgba(0, 0, 0, 0.15);
background-color: transparent;
}

.white-logo {
    display: none
}
.chaser .dark-logo {
    display: none
}
.chaser .white-logo {
    display: block
}
#zn-res-menuwrapper {
    display: none
}
#zn-res-menu ul {
    position: fixed!important
}
#zn-res-menu,
#zn-res-menu li,
#zn-res-menu ul {
    padding: 0;
    margin: 0;
    list-style: none
}
#zn-res-menu * {
    -webkit-backface-visibility: hidden
}
.zn_res_menu_visible #zn-res-menu,
.zn_res_menu_visible #zn-res-menu li ul {
    display: none
}
#zn-res-menu,
#zn-res-menu li ul {
    right: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    z-index: 11112;
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .5s ease;
    -moz-transition: -moz-transform .5s ease;
    -ms-transition: -ms-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    transition: transform .5s ease;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    padding: 0;
    display: none
}
#zn-res-menu ul.zn-menu-visible,
#zn-res-menu.zn-menu-visible {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
#zn-res-menu li {
    position: relative;
    width: 100%;
    border-color: #d9d9d9
}
#zn-res-menu .zn_mega_container {
    width: 100%
}
#zn-res-menu .zn_mega_container li {
    width: 100%;
    float: none
}
#zn-res-menu li>a {
    padding: 13px 28px;
    border-bottom: 1px solid;
    border-bottom-color: inherit;
    display: block;
    z-index: 1;
    color: #8c8c8c;
    font-size: 12px
}
#zn-res-menu li.active>a {
    color: #333
}
#zn-res-menu a {
    cursor: pointer
}
#zn-res-menu .zn_res_has_submenu>span,
#zn-res-menu .zn_res_menu_go_back>span {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 44px;
    border-left: 1px solid;
    border-left-color: inherit;
    line-height: 49px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    z-index: 2
}
#zn-res-menu .zn_res_menu_go_back>a {
    text-align: center;
    padding-right: 0;
    padding-left: 48px;
    display: inline-block;
    width: calc(100% - 49px)
}
#zn-res-menu .zn_res_menu_go_back>span {
    left: 0;
    right: auto;
    border-left: none;
    border-right: 1px solid;
    border-right-color: inherit
}
.zn-res-menuwrapper {
    float: right;
    display: block;
    margin-top: 42px;
    position: absolute;
    top: 80px;
    right: 10px
}
.zn-res-trigger {
    width: 25px;
    float: right;
    padding: 20px
}
.zn-res-trigger::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 4px;
    background: #fff;
    border-radius: 4px;
   left: 11px;
	top: 79px;
    box-shadow: 0 8px 0 #fff, 0 16px 0 #fff
}
#zn-res-menu .zn_res_has_submenu>span::before,
#zn-res-menu .zn_res_menu_go_back>span::before {
    display: none
}
#zn-res-menu li>a[title=separator],
.zn_res_has_submenu .new-item {
    display: none
}
#zn-res-menu.zn-menu-visible .zn-mega-new-item {
    display: none
}
@media(max-width:992px) {
    #zn-res-menuwrapper {
        display: block;
        left: 0;
        position: relative;
        top: 14px
    }
    .zn_res_menu_visible #zn-res-menu,
    .zn_res_menu_visible #zn-res-menu li ul {
        display: block
    }
    #zn-res-menu li.active {
        background-color: #f3f3f3
    }
    #zn-res-menu li.active>li {
        background-color: #f3f3f3
    }
    #main-menu .dropdown-menu {
        margin-left: -20px;
        padding-left: 10px
    }
    #main-menu .dropdown-menu {
        border: 0;
        box-shadow: none
    }
    #main-menu .dropdown-menu li>a {
        padding: 3px 8px;
        font-size: 12px
    }
    #main-menu .dropdown-menu li>a:hover {
        background-color: transparent
    }
    #main-menu .dropdown-menu>.active>a,
    #main-menu .dropdown-menu>.active>a:hover,
    #main-menu .dropdown-menu>.active>a:focus {
        background-color: transparent
    }
    #main-menu .dropdown-menu li.active>.inner-elem {
        background-color: #b71c1c
    }
    #page_wrapper {
        -webkit-transition: margin-left .2s ease-out;
        -moz-transition: margin-left .2s ease-out;
        -o-transition: margin-left .2s ease-out;
        -ms-transition: margin-left .2s ease-out;
        transition: margin-left .2s ease-out;
        -webkit-backface-visibility: hidden
    }
    #main-menu>ul {
        -webkit-transition: left .2s ease-out;
        -moz-transition: left .2s ease-out;
        -o-transition: left .2s ease-out;
        -ms-transition: left .2s ease-out;
        transition: left .2s ease-out;
        -webkit-backface-visibility: hidden
    }
    #main-menu>ul ul {
        position: static;
        opacity: 1!important;
        visibility: visible!important;
        background: transparent
    }
    #main-menu>ul li {
        float: none;
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        padding: 5px 0
    }
    #zn-res-menu .zn-close-menu-button {
        display: inline-block;
        padding: 0!important;
        position: absolute;
        right: 0;
        top: 0;
        height: 47px;
        width: 49px!important;
        border-left: solid 1px #ccc;
        z-index: 11111
    }
    #zn-res-menu .zn-close-menu-button span {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }
}
.site-header.cta_button .header-search {
    position: absolute;
    clear: none;
    float: none
}
.site-header.cta_button .header-search .searchBtn {
    margin: 0
}
.icon-white {
    color: #fff
}
.header-search {
    float: right;
    position: relative;
    z-index: 100
}
.header-search .search-container {
    display: none;
    position: absolute;
    right: -200px;
    padding: 30px;
    background: #f4f4f4;
    width: 240px;
    border-bottom: 1px solid #fff;

    z-index: 1;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)
}
.header-search .search-container.panel-opened {
    display: block
}
.header-search .searchBtn {
    line-height: 1;
    display: inline-block;
    background: #b71c1c;
    position: relative;
    z-index: 1;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    margin: 5px 0 0 0;
    border-radius: 2px
}
.header-search .searchBtn:hover {
    background: rgba(0, 0, 0, 0.7)
}
.header-search .searchBtn.active {
    background: #f4f4f4!important;
    border-radius: 2px 2px 0 0
}
.header-search .searchBtn.active .glyphicon {
    color: #212121
}
.header-searchform {
    border-bottom: 1px solid #ccc;
    margin: 0;
    position: relative
}
.header-searchform:hover {
    border-bottom: 1px solid #b5b5b5
}
.header-searchform input[type=text] {
    background: 0;
    border: 0;
    font-size: 12px;
    font-style: italic;
    color: #999;
    padding: 5px 0;
    margin: 0;
    display: inline-block;
    box-shadow: none;
    outline: 0;
    font-style: italic;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px)
}
.header-searchform input[type=text]:focus {
    font-style: normal;
    color: #565656
}
.header-searchform .searchsubmit {
    width: 20px;
    background-color: transparent;
    border: 0;
    padding: 0;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -8px;
    outline: 0;
    color: rgba(108, 108, 108, 0.4)
}
.screen-reader-text {
    display: none
}
.topnav {
    float: right;
    margin: 5px 0;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 101;
    font-size: 11px
}
.topnav>li {
    float: left;
    margin-left: 10px;
    position: relative
}
.topnav>li>a {
    font-size: 12px;
    color: #fff !important;
    line-height: 24px;
    display: block;
    padding: 0;
    border-radius: 2px;
    opacity: .8;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}


#chaserMenuRow ul.topnav>li>a{
color:#212121 !important;
}

.topnav>li:hover>a,
.topnav>li>a:hover {
    opacity: 1
}
.topnav>li>a>span {
    margin-right: 3px;
    margin-top: 0;
    font-family: 'DroidKufi-Regular'
}


.topnav>li>a>span>b{
font-family:Arial, Helvetica, sans-serif !important;
}
.topnav li.drop .pPanel {
    position: absolute;
    left: auto;
    width: auto;
    min-width: 120px;
    height: 0;
    opacity: 0;
    visibility: hidden;
    margin-left: -11px;
    right: 0
}
.topnav li.drop .inner {
    margin: 4px;
    list-style: none;
    background: #f5f5f5;
    padding: 10px 5px;
    margin-top: 5px;
    position: relative;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    border-radius: 2px
}
.topnav li.drop .inner:after {
    content: "";
    top: -8px;
    position: absolute;
    left: 9px;
    border: 5px solid transparent;
    border-bottom-width: 4px;
    border-bottom-color: #f5f5f5
}
.topnav li.drop:hover .pPanel {
    opacity: 1;
    height: auto;
    visibility: visible
}
.topnav li.drop li a {
    font-size: 10px;
    color: #222;
    padding: 0 5px 0 10px;
    display: block;
    
    margin-top: 1px
}
.topnav li.drop li.active a,
.topnav li.drop li a:hover {
    background: rgba(0, 0, 0, 0.1)
}
.topnav li.drop li a span {
    float: right;
    opacity: .3;
    margin-top: 2px
}
.topnav--lang ul.inner:after {
    display: none
}
.toplang-item a {
    padding-right: 10px!important;
    padding: 3px 10px!important
}
.toplang-item .glyphicon-ok {
    padding-top: 3px
}
.toplang-item .toplang-flag {
    margin-right: 5px
}
.site-logo {
    float: left;
    margin: 0;
    display: table
}
.site-logo a {
    padding: 0;
    display: table-cell;
    position: relative;
    vertical-align: middle
}
.site-logo img {
    max-height: 130px;
    border-radius: 0 0 5px 5px
}
.logo-container {
    float: right
}
.logo-container.hasInfoCard {
    position: relative
}
.site-header,
.logosize--contain .site-logo a {
    height: 100px
}
.logosize--contain .site-logo .logo-img,
.logosize--contain .site-logo .logo-img-sticky {
    max-height: 100px;
    vertical-align: middle
}
#page_wrapper {
    position: relative;
    overflow: hidden
}
.site-content {
    position: relative;
    margin-top: 60px
}
.site-header+.site-content {
    padding-top: 200px;
    margin-top: 0
}
.site-content .moss-slideshow {
    background: none transparent;
    clear: both;
    display: block
}
.site-header {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2
}
.siteheader-container {
    position: relative
}
.site-header {
    background: 0;
    border: 0;
    box-shadow: none;
    height: auto
}
.site-header .logosize--contain .site-logo a {
    height: 70px
}
.site-header .separator {
    background: #fff;
    height: 1px;
    opacity: .2;
    margin-bottom: 5px
}
.site-header .separator.dark {
    background: #9a9a9a
}
.site-header .moss-header-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 170%;
    opacity: .6;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0, transparent 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0, transparent 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0, transparent 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#212121000', endColorstr='#21212100000', GradientType=0)
}
.site-header .moss-top-header {
    position: relative
}
.site-header .header-links-container {
    float: left;
    height: auto;
   
}
.site-header .header-search {
    z-index: 102;
    position: absolute;
    top: -3px;
    left: 0;
    clear: none;
    float: none
}
.site-header .header-search .searchBtn,
.site-header.cta_button .header-search .searchBtn {
    margin: 10px 0 0 0
}
.site-header .searchBtn.active {
    border-radius: 2px 2px 0 0
}
.site-header .header-leftside-container {
    line-height: 24px;
    margin: 12px 0;
    position: relative
}
.site-header .moss-header-toptext {
    font-size: 13px;
    color: #fff
}

.site-header .moss-header-toptext a {
    font-size: 18px;
    color: #fff
}
.site-header .main-nav {
    float: left;
    margin-left: 30px
}
.site-header .topnav {
    margin-bottom: 0;
    margin-top: 20px
}
.site-header .moss-top-header .topnav {
    margin-bottom: 8px;
    margin-top: 12px;
    z-index: 111
}
.site-header .social-icons.topnav {
    margin: 0;
    padding: 0;
    position: relative;
    top: -3px;
    float: left;
    margin-top: 12px
}
.site-header .social-icons.topnav li {
    margin: 0;
    margin-left: 10px
}
.site-header .social-icons.topnav.sc--clean li {
    margin-left: 0
}
.site-header .social-icons.topnav li:first-child {
    margin-left: 0
}
.site-header .social-icons.topnav ~ .moss-header-toptext {
    margin-left: 10px;
    margin-top: 5px
}
.site-header .social-icons.topnav.sc--clean>li>a {
    color: #fff
}
.site-header .social-icons.topnav.sc--clean>li>a:hover {
    color: rgba(255, 255, 255, .9)
}
.site-header .moss-cta-lined {
    margin-top: 13px
}
.site-header.style1 .main-nav {
    margin-left: 0
}
.left-header-page #content {
    margin-bottom: 81px
}
.site-header.left-header.cta_button .header-search .searchBtn {
    background: 0
}
.site-header.left-header .moss-cart-button {
    height: 25px
}
.site-header.left-header .header-links-container {
    width: 100%;
    margin-right: 0
}
.site-header.left-header .header-search .searchBtn,
.site-header.cta_button.left-header .header-search .searchBtn {
    margin: 0
}
.site-header.left-header.cta_button .header-search {
    margin-top: 0;
    position: relative!important
}
.site-header.left-header .header-search .search-container {
    right: -32px
}
@media(min-width:1490px) {
    .left-header-page .chaser {
        display: none
    }
    .left-header-page #content {
        overflow: hidden;
        margin-left: 300px
    }
    .site-header.left-header {
        position: fixed;
        width: 300px;
        height: 100vh;
        background-color: #212121;
        left: 0;
        -webkit-transition: left .3s cubic-bezier(.19, 1, .22, 1);
        transition: left .3s cubic-bezier(.19, 1, .22, 1)
    }
    .site-header.left-header .siteheader-container {
        width: 300px
    }
    .site-header.left-header .moss-top-header .topnav {
        display: inline-block;
        width: 100%;
        float: none;
        margin-bottom: 0
    }
    .site-header.left-header .moss-header-toptext {
        display: inline-block;
        margin-top: 9px
    }
    .site-header.left-header .topnav>li {
        margin-left: 0;
        margin-right: 25px
    }
    .site-header.left-header .topnav>li:last-child {
        margin-right: 0
    }
    .site-header.left-header .header_search,
    .site-header.cta_button.left-header .header_search {
        margin-top: -3px
    }
    .site-header.left-header #search {
        top: 0;
        position: relative
    }
    .site-header.left-header .logo-container.hasInfoCard:before {
        display: none
    }
    .site-header.left-header .moss-cart-button+.pPanel {
        min-width: 267px
    }
    .site-header.left-header .moss-cart-button+.pPanel .inner:after {
        right: 15px
    }
    .site-header.left-header .cart-container .buttons .button.wc-forward,
    .site-header.left-header .cart-container .buttons .button.checkout {
        font-size: 12px
    }
    .site-header.left-header .logo-container {
        width: 100%
    }
    .site-header.left-header .site-logo {
        float: none;
        margin: 0 auto
    }
    .site-header.left-header .logo-container .logo-infocard {
        display: none
    }
    .site-header.left-header .main-nav {
        margin-left: 0;
        margin-right: 0
    }
    .site-header.left-header .main-nav>ul>li {
        width: 100%
    }
    .site-header.left-header .main-nav>ul>li:first-child {
        margin-left: 5px
    }
    .site-header.left-header .main-nav>ul>li {
        position: relative
    }
    .site-header.left-header .main-menu .hg_mega_container {
        width: 1024px;
        margin-left: -5px;
        top: 0
    }
    .site-header.left-header .main-nav ul li:hover>.hg_mega_container {
        left: 100%
    }
    .site-header.left-header .main-nav ul li:hover>ul {
        top: -10px;
        left: 100%
    }
    .site-header.left-header .main-nav>ul>li>ul.sub-menu:after {
        top: 15px;
        left: -11px;
        border-bottom-width: none;
        border-bottom-color: transparent;
        border-right-width: 5px;
        border-right-color: #f5f5f5
    }
    .site-header.left-header .separator {
        display: inline-block!important;
        width: 100%
    }
}
@media(min-width:992px) and (max-width:1490px) {
    .site-header.left-header .header-search .searchBtn, .site-header.left-header.cta_button .header-search .searchBtn {
        margin-top: 0;
        margin-left: 0
    }
    .site-header.left-header.cta_button .header-search {
        position: relative
    }
    .site-header.left-header .header-search .searchBtn.active {
        background: #f4f4f4!important
    }
}
.moss-slideshow-inner {
    position: relative;
    z-index: 1
}
.moss-slideshow .bgback {
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}
.moss-slideshow {
    margin-bottom: 0
}
.moss-ios-selectors-block.bullets2 .item.selected::before,
.moss-ios-selectors-block.bullets2 .item:hover:before {
    background-color: #b71c1c
}
.zn-shadow-lifted {
    box-shadow: 0 40px 20px -25px rgba(0, 0, 0, 0.25)
}
.moss-slideshow .moss-slideshow-safepadding {
    padding-top: 35px
}
@media screen and (min-width: 480px) {
    .zn_pb_wrapper>.zn_pb_el_container:first-child>.moss-slideshow .moss-slideshow-safepadding,
    .zn_pb_wrapper>.moss-slideshow:first-child .moss-slideshow-safepadding {
        padding-top: 150px;
        padding-bottom: 45px
    }
}
.page-subheader {
    min-height: 260px;
   }
.page-subheader[class*="maskcontainer--"] {
    min-height: 260px; 
    background-color:#000;
}
.page-subheader .container {
    padding: 0 15px;
    z-index: 1;
    position: relative
}
.page-subheader>.shadowUP:after {
    content: '';
    position: absolute;
    bottom: -18px;
    left: 50%;
    border: 6px solid transparent;
    border-top-color: #fff;
    margin-left: -6px
}
.page-subheader .bgback {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-size: cover;
    background-position: center
}
#page_header.no-bg {
    background: 0
}
.page-subheader .ph-content-wrap {
    width: 100%;
    display: table;
  height: 260px;
min-height: 260px;}


.page-subheader .ph-content-v-center {
    display: table-cell;
    position: relative;
    vertical-align: middle
}
.page-subheader .ph-content-wrap {
    padding-top: 100px
}
.page-subheader.gradient,
.moss-slideshow.gradient {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5)));
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.5) 100%);
    background-color: #345370;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#21212100000', endColorstr='#80000000', GradientType=0)
}
.page-subheader,
.moss-slideshow {
    position: relative;
    top: 0;
    z-index: 0
}
.page-subheader.nobg,
.moss-slideshow.nobg {
    background: 0
}
.page-subheader.hasMargin,
.moss-slideshow.hasMargin {
    margin-bottom: 40px
}
.hg_section {
    padding-top: 45px;
    padding-bottom: 45px
}
.hg_section--relative {
    position: relative
}
.hg_section--masked {
    padding-bottom: 55px
}
.hg_section__source+.hg_section_size {
    position: relative
}
.moss-bg-source+.hg_section_size {
    position: relative
}
.hg_other_images>div {
    margin-top: 15px;
    margin-bottom: 15px
}
.hg_other_images {
    margin-top: 20px
}
.moss-bg-source:not(:empty),
.moss-bg-source__overlay,
.moss-bg-source__bgimage {
    position: absolute;
    top: -2px;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 6px !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);}
.moss-bg-source__bgimage {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
.moss-bg-source__overlay {
    pointer-events: none
}
.moss-bg-source__iframe {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 56.25%
}
.moss-bg-source__iframe iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}
.moss-bg-source__overlay-gloss {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: -43%;
    background-color: #FFF;
    width: 100%;
    -webkit-transform: skewX(-55deg);
    -ms-transform: skewX(-55deg);
    transform: skewX(-55deg);
    height: 100%;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: .08
}
.ls-source__mask {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 20vh;
    background: #fff;
    width: 100%;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: skewY(-2deg);
    -ms-transform: skewY(-2deg);
    transform: skewY(-2deg);
    -webkit-backface-visibility: hidden
}
.ls-source__mask.ls-source__mask-front {
    background: -moz-linear-gradient(top, rgba(245, 245, 245, 0.6) 0, rgba(245, 245, 245, 1) 60%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245, 245, 245, 0.6)), color-stop(60%, rgba(245, 245, 245, 1)));
    background: -webkit-linear-gradient(top, rgba(245, 245, 245, 0.6) 0, rgba(245, 245, 245, 1) 60%);
    background: -o-linear-gradient(top, rgba(245, 245, 245, 0.6) 0, rgba(245, 245, 245, 1) 60%);
    background: -ms-linear-gradient(top, rgba(245, 245, 245, 0.6) 0, rgba(245, 245, 245, 1) 60%);
    background: linear-gradient(to bottom, rgba(245, 245, 245, 0.6) 0, rgba(245, 245, 245, 1) 60%)
}
.ls-source__mask.ls-source__mask-back {
    background: rgba(255, 255, 255, .4);
    -webkit-transform: skewY(-3.1deg);
    -ms-transform: skewY(-3.1deg);
    transform: skewY(-3.1deg);
    -webkit-backface-visibility: hidden;
    bottom: 40px
}
.moss-bottommask {
    z-index: 1
}
.fake-loading ~ .moss-bottommask {
    z-index: 2
}
.maskcontainer--shadow_simple {
    border-bottom: 0!important
}
.moss-bottommask--shadow_simple {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: url(../images/shadow-up.png) no-repeat center bottom;
    z-index: 2;
    border-bottom: 0;
    box-sizing: content-box;
    background: -webkit-gradient(50% 100%, ellipse, rgba(0, 0, 0, .5), transparent 70%);
    background: -webkit-radial-gradient(50% 100%, ellipse, rgba(0, 0, 0, .3), transparent 70%);
    background: radial-gradient(ellipse at 50% 100%, rgba(0, 0, 0, 0.3) 0, transparent 70%);
    background: -webkit-radial-gradient(50% 90%, 70% 100%, rgba(0, 0, 0, 0.25) 0, transparent 70%)
}
.maskcontainer--shadow_simple_down {
    border-bottom: 0!important
}
.moss-bottommask--shadow_simple_down {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background: url(../images/shadow-down.png) no-repeat center top;
    opacity: .6;
    background: -webkit-gradient(50% 0, ellipse, rgba(0, 0, 0, .5), transparent 70%);
    background: -webkit-radial-gradient(50% 0, ellipse, rgba(0, 0, 0, .3), transparent 70%);
    background: radial-gradient(ellipse at 50% 0, rgba(0, 0, 0, 0.3) 0, transparent 70%);
    background: -webkit-radial-gradient(50% 0, 70% 100%, rgba(0, 0, 0, 0.25) 0, transparent 70%)
}
.maskcontainer--shadow {
    border-bottom: 0!important
}
.moss-bottommask--shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: url(../images/shadow-up.png) no-repeat center bottom;
    z-index: 1;
    border-bottom: 6px solid #fff;
    box-sizing: content-box;
    background: -webkit-gradient(50% 100%, ellipse, rgba(0, 0, 0, .5), transparent 70%);
    background: -webkit-radial-gradient(50% 100%, ellipse, rgba(0, 0, 0, .3), transparent 70%);
    background: radial-gradient(ellipse at 50% 100%, rgba(0, 0, 0, 0.3) 0, transparent 70%);
    background: -webkit-radial-gradient(50% 90%, 70% 100%, rgba(0, 0, 0, 0.25) 0, transparent 70%)
}
.moss-bottommask--shadow:after {
    content: '';
    position: absolute;
    bottom: -18px;
    left: 50%;
    border: 6px solid transparent;
    border-top-color: #fff;
    margin-left: -6px
}
.maskcontainer--shadow_ud {
    border-bottom: 0!important
}
.moss-bottommask--shadow_ud {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
    background: url(../images/shadow-up.png) no-repeat center bottom;
    z-index: 1;
    border-bottom: 6px solid #fff;
    background: -webkit-gradient(50% 100%, ellipse, rgba(0, 0, 0, .5), transparent 70%);
    background: -webkit-radial-gradient(50% 100%, ellipse, rgba(0, 0, 0, .3), transparent 70%);
    background: radial-gradient(ellipse at 50% 100%, rgba(0, 0, 0, 0.3) 0, transparent 70%);
    background: -webkit-radial-gradient(50% 90%, 70% 100%, rgba(0, 0, 0, 0.25) 0, transparent 70%)
}
.moss-bottommask--shadow_ud:after {
    content: '';
    position: absolute;
    bottom: -17px;
    left: 50%;
    border: 6px solid transparent;
    border-top-color: #fff;
    margin-left: -6px
}
.moss-bottommask--shadow_ud:before {
    content: '';
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 100%;
    height: 10px;
    background: url(../images/shadow-down.png) no-repeat center top;
    opacity: .6;
    background: -webkit-gradient(50% 0, ellipse, rgba(0, 0, 0, .5), transparent 70%);
    background: -webkit-radial-gradient(50% 0, ellipse, rgba(0, 0, 0, .3), transparent 70%);
    background: radial-gradient(ellipse at 50% 0, rgba(0, 0, 0, 0.3) 0, transparent 70%);
    background: -webkit-radial-gradient(50% 0, 70% 100%, rgba(0, 0, 0, 0.25) 0, transparent 70%)
}
.maskcontainer--mask1 {
    border-bottom: 0!important;
    padding-bottom: 30px
}
.moss-bottommask--mask1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 27px;
    z-index: 99;
    background: url(../images/bottom_mask.png) no-repeat center top
}
.maskcontainer--mask2 {
    border-bottom: 0!important;
    padding-bottom: 40px
}
.moss-bottommask--mask2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    height: 33px;
    background: url(../images/bottom_mask2.png) no-repeat center top
}
.maskcontainer--mask3 {
    border-bottom: 0!important
}
.moss-bottommask--mask3 {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    height: 57px
}
.moss-bottommask--mask3 .svgmask {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: -15px
}
.moss-bottommask--mask3 .glyphicon {
    position: absolute;
    bottom: 5px;
    left: 50%;
    display: block;
    width: 30px;
    text-align: center;
    font-size: 22px;
    opacity: .2;
    height: 15px;
    top: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 1px
}
.maskcontainer--mask4 {
    border-bottom: 0!important;
    padding-bottom: 45px
}
.moss-bottommask--mask4 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 27px
}
.moss-bottommask--mask4 .svgmask {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
@media(min-width:1200px) {
    .moss-bottommask--mask3 .svgmask-right, .moss-bottommask--mask3 .svgmask-right+.glyphicon, .moss-bottommask--mask4 .svgmask-right {
        -webkit-transform: translateX(calc(-50%+510px));
        -ms-transform: translateX(calc(-50%+510px));
        transform: translateX(calc(-50%+510px))
    }
    .moss-bottommask--mask3 .svgmask-left,
    .moss-bottommask--mask3 .svgmask-left+.glyphicon,
    .moss-bottommask--mask4 .svgmask-left {
        -webkit-transform: translateX(calc(-50% - 510px));
        -ms-transform: translateX(calc(-50% - 510px));
        transform: translateX(calc(-50% - 510px))
    }
}
@media(min-width:992px) and (max-width:1199px) {
    .moss-bottommask--mask3 .svgmask-right, .moss-bottommask--mask3 .svgmask-right+.glyphicon, .moss-bottommask--mask4 .svgmask-right {
        -webkit-transform: translateX(calc(-50%+410px));
        -ms-transform: translateX(calc(-50%+410px));
        transform: translateX(calc(-50%+410px))
    }
    .moss-bottommask--mask3 .svgmask-left,
    .moss-bottommask--mask3 .svgmask-left+.glyphicon,
    .moss-bottommask--mask4 .svgmask-left {
        -webkit-transform: translateX(calc(-50% - 410px));
        -ms-transform: translateX(calc(-50% - 410px));
        transform: translateX(calc(-50% - 410px))
    }
}
@media(min-width:768px) and (max-width:991px) {
    .moss-bottommask--mask3 .svgmask-right, .moss-bottommask--mask3 .svgmask-right+.glyphicon, .moss-bottommask--mask4 .svgmask-right {
        -webkit-transform: translateX(calc(-50%+300px));
        -ms-transform: translateX(calc(-50%+300px));
        transform: translateX(calc(-50%+300px))
    }
    .moss-bottommask--mask3 .svgmask-left,
    .moss-bottommask--mask3 .svgmask-left+.glyphicon,
    .moss-bottommask--mask4 .svgmask-left {
        -webkit-transform: translateX(calc(-50% - 300px));
        -ms-transform: translateX(calc(-50% - 300px));
        transform: translateX(calc(-50% - 300px))
    }
}
@media(max-width:767px) {
    .moss-bottommask--mask3 .svgmask-right, .moss-bottommask--mask3 .svgmask-right+.glyphicon, .moss-bottommask--mask4 .svgmask-right, .moss-bottommask--mask3 .svgmask-left, .moss-bottommask--mask3 .svgmask-left+.glyphicon, .moss-bottommask--mask4 .svgmask-left {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}
.maskcontainer--mask5 {
    border-bottom: 0!important;
    padding-bottom: 75px
}
.moss-bottommask--mask5 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 64px
}
.moss-bottommask--mask5 .svgmask {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
.moss-bottommask--mask5 .bmask-customfill {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px)
}
.is-safari .svgmask .bmask-bgfill,
.is-safari .moss-bottommask--mask3 .bmask-bgfill,
.is-safari .moss-bottommask--mask4 .bmask-bgfill {
    -webkit-filter: none;
    filter: none
}
.is-safari .moss-bottommask--mask3 .bmask-bgfill,
.is-safari .moss-bottommask--mask4 .bmask-bgfill,
.is-safari .svgmask .bmask-bgfill {
    -webkit-svg-shadow: 0 0 7px rgba(0, 0, 0, 0.47);
    transform: translateY(4px)
}
.maskcontainer--mask6 {
    border-bottom: 0!important;
    padding-bottom: 70px
}
.moss-bottommask--mask6 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 57px
}
.moss-bottommask--mask6 .svgmask {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
.moss-bottommask--mask7 {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    left: 0
}
.moss-bottommask--mask7.mask-over {
    z-index: 2
}
.moss-bottommask--mask7.screffect {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}
.static-content__slideshow[class*="maskcontainer--"] {
    padding-bottom: 0
}
.static-content__slideshow[class*="maskcontainer--"] .moss-slideshow-inner {
    padding-bottom: 60px
}
.portfolio-slider__sideshow[class*="maskcontainer--"] {
    padding-bottom: 0
}
.moss-revolution-slider[class*="maskcontainer--"] {
    padding-bottom: 0
}
.cute3dslider .moss-slideshow-inner {
    padding-top: 170px;
    padding-bottom: 50px
}
.m_title {
    margin-top: 0;
    color: #b71c1c
}
h3.m_title {
    font-size: 18px;
    line-height: 1.4
}
.smallm_title {
    color: #b71c1c;
    text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #bcbcbc;
    margin: 0 0 20px
}
.smallm_title span {
    padding-bottom: 9px;
    display: inline-block;
    border-bottom: 1px solid #bcbcbc;
    position: relative
}
.smallm_title span:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -2px;
    border: 3px solid transparent;
    border-bottom-color: #bcbcbc
}
.smallm_title.centered {
    text-align: center
}
.smallm_title.bigger {
    font-size: 18px
}
.circle_title {
    color: #b71c1c;
    text-shadow: 0 1px 0 #fff;
    position: relative;
    margin-top: 0
}
.circle_title:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    border-bottom: 1px dotted #bbb
}
.mb_title {
    font-size: 20px;
    background: white;
    display: inline-block;
    padding: 0 10px;
    color: #595959;
    line-height: 1.5
}
.mb_title img {
    margin-right: 5px;
    margin-top: -3px
}
.breadcrumbs {
    margin: 0 0 10px;
    padding: 7px 15px 5px;
    list-style: none;
    background: rgba(0, 0, 0, 0.8);
    float: left;
    border-radius: 2px;
    direction: ltr;
}
.breadcrumbs li {
    float: right;
    color: #eee;
    line-height: 1.5;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase
}
.breadcrumbs li:first-child {
    padding-left: 0;
    background: 0;
    margin-left: 0
}
.breadcrumbs li a {
    color: #fff;
    float:right;
}
.breadcrumbs li:after,
.breadcrumbs2 li:after {
    border: 4px solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    display: inline-block;
    border-left-color: #b71c1c;
   margin: 0 10px 0 5px;
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);}



.breadcrumbs li:last-child:after,
.breadcrumbs2 li:last-child:after {
    display: none
}
.breadcrumbs2 {
    padding: 0;
    background: 0;
    margin-bottom: 0;
    opacity: .4;
    transition: opacity .1s ease-out;
    list-style: none
}
.breadcrumbs2>li {
    display: inline-block
}
.breadcrumbs2:hover {
    opacity: 1
}
.breadcrumbs2.white a,
.breadcrumbs2.white span {
    color: #fff
}
.subheader-titles {
    text-align: right;
    margin-top: -7px
}
.subheader-titles.left {
    text-align: left
}
.subheader-maintitle {
    color: #fff;
    line-height: 1.3;
    margin: 0 0 5px;
    font-size: 31px;
font-weight: bold;
}
.subheader-subtitle {
    color: #fff;
    display: inline-block;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.moss-title-block {
    padding-top: 0
}
.tbk__title {
    margin-top: 0;
    margin-bottom: 15px;
    font-family: 'DroidKufi-Bold';
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal
}
.tbk__subtitle {
    margin-top: 0;
    font-size: 16px;
    font-family: 'DroidKufi-Regular';
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    font-style: normal
}
.tbk-thinsubtitle {
    font-size: 18px;
    line-height: 32px;
    font-weight: 100
}
.tbk__text {
    margin-top: 0;
    line-height: 1.6
}
.tbk__symbol {
    margin-top: 0;
    margin-bottom: 10px;
    display: block
}
.tbk-symbol--line .tbk__symbol span {
    display: inline-block;
    width: 50px;
    height: 2px;
    background-color: #ccc
}
.tbk-symbol--line.tbk-icon-pos--after-title .tbk__symbol {
    margin-bottom: 20px;
    margin-top: -5px;
    display: inline-block
}
.tbk-symbol--border .tbk__symbol,
.tbk-symbol--border2 .tbk__symbol {
    margin-bottom: 20px
}
.tbk-symbol--border .tbk__symbol span,
.tbk-symbol--border2 .tbk__symbol span {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ccc
}
.tbk-symbol--border.tbk-icon-pos--after-text .tbk__symbol {
    margin-top: 30px
}
.tbk-symbol--border2.tbk-icon-pos--after-title .tbk__border-helper {
    border-bottom: 3px solid #d2d2d2;
    padding-bottom: 15px;
    margin-bottom: -12px;
    display: inline-block
}
.tbk-symbol--line_border .tbk__symbol span {
    display: inline-block;
    width: 50px;
    height: 3px;
    background-color: #b71c1c;
    margin-right: 25px;
    margin-left: 25px;
    vertical-align: middle
}
.tbk-symbol--line_border .tbk__symbol:before,
.tbk-symbol--line_border .tbk__symbol:after {
    content: '';
    display: inline-block;
    width: calc(50% - 50px);
    height: 1px;
    background-color: #b71c1c;
    vertical-align: middle
}
.moss-title-block.text-center.tbk-symbol--line_border .tbk__symbol span {
    margin: 0 20px
}
.moss-title-block.text-center.tbk-symbol--line_border .tbk__symbol:before,
.moss-title-block.text-center.tbk-symbol--line_border .tbk__symbol:after {
    background-color: #bfbfbf
}
.moss-title-block.text-right.tbk-symbol--line_border .tbk__symbol span {
    margin-right: 0
}
.moss-title-block.text-right.tbk-symbol--line_border .tbk__symbol:after {
    display: none
}
.moss-title-block.text-right.tbk-symbol--line_border .tbk__symbol:before {
    width: calc(100% - 79px);
    background-color: #bfbfbf
}
.tbk--left.tbk-symbol--line_border .tbk__symbol span {
    margin-left: 0
}
.tbk--left.tbk-symbol--line_border .tbk__symbol:before {
    display: none
}
.tbk--left.tbk-symbol--line_border .tbk__symbol:after {
    content: '';
    display: inline-block;
    width: calc(100% - 80px);
    height: 1px;
    background-color: #ccc
}
.tbk--right.tbk-symbol--line_border .tbk__symbol span {
    margin-right: 0
}
.tbk--right.tbk-symbol--line_border .tbk__symbol:before {
    content: '';
    display: inline-block;
    width: calc(100% - 75px);
    height: 1px;
    background-color: #ccc
}
.tbk--right.tbk-symbol--line_border .tbk__symbol:after {
    display: none
}
.tbk-symbol--line_border.tbk-icon-pos--after-title .tbk__title {
    margin-bottom: 10px
}
.tbk-symbol--line_border.tbk-icon-pos--after-subtitle .tbk__title {
    margin-bottom: 10px
}
.tbk-symbol--line_border.tbk-icon-pos--after-subtitle .tbk__subtitle {
    margin-bottom: 20px
}
.tbk-symbol--line_border.tbk-icon-pos--after-text .tbk__text {
    margin-bottom: 25px
}
.tbk-symbol--icon.tbk-icon-pos--after-text .tbk__text {
    margin-bottom: 25px
}
.tbk__title .tbk__symbol {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}
.tbk__title .tbk__icon {
    vertical-align: middle
}
.symbol-line {
    font-size: 20px;
    text-align: center;
    color: #e6e6e6;
    vertical-align: middle;
    clear: both;
    line-height: 20px;
    margin-bottom: 20px
}
.symbol-line .moss-icon {
    font-size: 18px
}
.symbol-line::before,
.symbol-line::after {
    content: '';
    display: inline-block;
    width: 48%;
    background: #eaeaea;
    height: 2px;
    float: right;
    margin-top: 7px
}
.symbol-line::before {
    float: left
}
.tbk--text-light {
    color: #f5f5f5
}
.tbk--text-dark {
    color: #232323
}
.tbk--color-theme.tbk-symbol--line .tbk__symbol span,
.tbk--color-theme.tbk-symbol--line_border .tbk__symbol span {
    background-color: #b71c1c
}
.tbk--color-theme.tbk-symbol--icon .tbk__icon {
    color: #b71c1c
}
.text_box {
    padding-bottom: 30px; 
	padding-right: 30px;
	border-right: 1px solid #b71c1c;
	margin-bottom: 30px;
}
.text_box-title--style1 {
    font-size: 16px;
    color: #b71c1c;
    
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7)
}
.text_box-title--style2 {
    font-size: 22px;
    color: #535353;
    font-weight: normal;
    margin-top: 0
}
body.boxed-layout #page_wrapper,
body.boxed-layout .support_panel {
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    margin: 0 auto;
    background: #f5f5f5;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4)
}
@media(min-width:992px) {
    .left_sidebar {
        float: right
    }
}

.hoverBorder {
    position: relative;
    display: inline-block;
    margin-bottom: 25px
}
.hoverBorder:hover img {
    border-radius: 2px;
    opacity: .8
}
.hoverBorderWrapper {
    position: relative;
    display: block
}
.hoverBorderWrapper img {
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 3px
}
.theHoverBorder {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 3px;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) inset
}
.theHoverBorder:hover {
    box-shadow: 0 0 0 5px #b71c1c inset
}
.plus .theHoverBorder {
    background-position: center center
}
.plus .theHoverBorder:hover {
    background-image: url(../images/plus01.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(35, 35, 35, 0.5)
}

.video-album{
border-radius:6px;
}


.fluid-width-video-wrapper {
  width: 100%;
  position: relative;
  padding: 0;
}

.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.video-items{

border-radius:8px;
}

.gallery-album{
border-radius:6px;
}

.gallery-items{
border-radius:6px;
}





.image-boxes {
    margin-bottom: 30px;
overflow: hidden;
background-color: #fff;
position: relative;
}


.image-boxes .hoverBorder {
    margin-top: 30px
}
.image-boxes .box {
    margin-bottom: 20px
}
.image-boxes img {
    width: 100%;
  
}
.image-boxes a {
    display: block
}
.imgboxes_style1 {
    overflow: visible
}
.imgboxes_style1 .hoverBorder h6 {
    position: absolute;
    left: -10px;
    bottom: 20px;
    color: #fff;
    padding: 11px 15px;
    background: #b71c1c;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    border-radius: 2px
}
.imgboxes_style1 .hoverBorder:hover h6 {
    left: 20px
}
.imgboxes_style1 img {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .22)
}
.imgboxes_style1 .hoverBorderWrapper {
    height: 270px
}
.image-boxes.ib_style2 .hoverBorder {
    margin-bottom: 0
}
.imgboxes_style2 .imgboxes-wrapper {
    height: 270px
}

.cover-fit-img {
  object-fit: cover;
  overflow: hidden;
}

.imgbox_image.cover-fit-img {
  height: 100%;
}



.itemContainer.zn_columns {
    padding: 0 0 20px
}
.hg_post_image {
    float: left;
    margin-right: 30px;
    margin-bottom: 10px
}
.hg_post_image,
.hg_full_image {
    border-bottom: 5px solid #b71c1c
}
#th-content-post .page-title {
    padding-bottom: 0;
    border-bottom: 0
}
blockquote {
    margin: 25px 40px
}
#footer {


	padding:30px 0px 0px;
	background-color:#282828;

	position:relative;
	background-size: cover;
}
.footer-links {
    float: right;
    text-align: right
}
#footer a {color: #e8e8e8;}
#footer a:hover {color:#B71C1C;}

#footer .m_title {
    font-size: 14px;
    color: #b71c1c;
    text-shadow: none;
    margin-bottom: 2px;
    font-weight: 600
}
#footer .menu {
    margin: 0;
    padding: 0;
    list-style: none
}
#footer .menu a {
    padding-right: 0
}
#footer .sbs .menu li {
    float: left;
    width: 100%
}
#footer .container-fluid {
    padding-left: 15px;
    padding-right: 15px
}
.copyright {
    text-align: center
}
#footer .bottom {
    padding-top: 10px;
    border-bottom: 3px solid #b71c1c;
    color: #8b8c8d;
    padding-bottom: 10px;
    background-color: #212121;
    margin-top: 30px
}
.bottom p {
    margin-bottom: 0!important
}
#footer .social-icons {
    float: right
}
#footer .copyright img {
    float: left;
    margin-right: 20px
}
#footer .social-icons li.title {
    line-height: 30px
}
#footer .social-icons li {
    margin: 0 0 0 10px
}
#footer .social-icons li:first-child {
    margin-left: 0;
    float: right
}
#footer .contact-details {
    min-height: 64px;
    background: url(../images/say_hi.png) no-repeat right top
}
.topnav li.drop .pPanel,
#totop,
.playVideo span,
.theHoverBorder,
.hoverBorder h6,
.partners_carousel li a,
.hoverBorder:hover img,
.feature_box.style3 .box,
.services_box .icon,
.gobox,
.hover-box,
.circlehover span,
.process_box,
#sidebar ul.menu li a,
.zn_sidebar ul.menu li a,
[id*='sidebar-widget-'] ul.menu li a,
.timeline_box,
.timeline_box:hover .date,
.services_box.style2 .box,
.team_member,
.ptcarousel .controls>a,
.shop-features .shop-feature,
.timeline_box:before,
.support_panel {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}


.prt-hover-slidein,
.prt-hover-slideout {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.prt-hover-slidein {
    overflow: hidden;
    max-height: 0;
    opacity: 0
}
.media-container:hover .prt-hover-slidein {
    opacity: 1;
    max-height: 200px
}
.prt-hover-slidein .tbk__subtitle {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 300;
    line-height: 30px
}



.tonext-btn {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -12px;
    color: #FFF;
    display: block;
    z-index: 101;
    text-decoration: none
}
.tonext-btn.has-nav {
    bottom: 70px
}
.mouse-anim-icon {
    width: 24px;
    height: 40px;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, .1);
    transition: background-color .2s ease-out;
    position: relative;
    display: block
}
.mouse-anim-icon:after {
    position: absolute;
    content: '';
    width: 2px;
    height: 9px;
    background-color: rgba(0, 0, 0, 0.25);
    left: 50%;
    margin-left: -1px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: animScroll;
    animation-name: animScroll;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}
.mouse-anim-icon:hover {
    background-color: rgba(255, 255, 255, .4)
}
.mouse-anim-icon:hover:after {
    top: 24px
}
@-webkit-keyframes animScroll {
    from {
        top: 8px
    }
    to {
        top: 24px
    }
}
@keyframes animScroll {
    from {
        top: 8px
    }
    to {
        top: 24px
    }
}
.media-container {
    position: relative; 
    margin-bottom:30px !important;
    
}
.media-container__link--wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}
.media-container__link--btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    outline: none!important;
    -webkit-backface-visibility: hidden
}
.media-container__link .moss-icon {
    color: #fff
}
.media-container__link--btn .moss-icon:not(.circled-icon) {
    margin-right: 5px;
    -webkit-transition: margin-right .2s ease-out;
    transition: margin-right .2s ease-out
}
.media-container__link--btn:hover .moss-icon:not(.circled-icon) {
    margin-right: 15px
}
.media-container__link--style-borderanim1 {
    padding: 10px 30px;
    font-size: 42px;
    letter-spacing: 2px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out
}
.media-container__link--style-borderanim1>i {
    opacity: .8;
    background-color: #fff;
    display: block;
    position: absolute;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.media-container__border-tt {
    width: 30%;
    height: 7px;
    top: 0;
    left: 0
}
.media-container__border-tl {
    height: 80%;
    width: 7px;
    top: 7px;
    left: 0
}
.media-container__border-bb {
    width: 30%;
    height: 7px;
    bottom: 0;
    right: 0
}
.media-container__border-br {
    height: 80%;
    width: 7px;
    bottom: 7px;
    right: 0
}
.media-container:hover>i {
    opacity: 1
}
.media-container:hover .media-container__border-tt {
    width: 100%;
    height: 3px;
    top: 0;
    left: 0
}
.media-container:hover .media-container__border-tl {
    height: 100%;
    width: 3px;
    top: 0;
    left: 0
}
.media-container:hover .media-container__border-bb {
    width: 100%;
    height: 3px;
    bottom: 0;
    right: 0
}
.media-container:hover .media-container__border-br {
    height: 100%;
    width: 3px;
    bottom: 0;
    right: 0
}
.media-container__link--style-borderanim2 .media-container__text {
    text-align: center;
    font-size: 24px;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.borderanim2-svg {
    position: relative
}
.borderanim2-svg__shape {
    stroke-width: 8px;
    fill: transparent;
    stroke: #FFF;
    -webkit-transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
    transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s
}
.media-container:hover .borderanim2-svg__shape {
    stroke-width: 3px;
    stroke-dashoffset: 0
}
.media-container .media-container__link--style-borderanim2 .media-container__text:hover {
    color: #b71c1c
}
.borderanim2-svg {
    width: 400px
}
.borderanim2-svg .media-container__text {
    line-height: 55px
}
.borderanim2-svg__shape {
    stroke-dasharray: 100 1000;
    stroke-dashoffset: -620;
    stroke: #b71c1c
}
.style2:hover .borderanim2-svg__shape {
    stroke-dasharray: 940
}
.media-container:hover .circleanim-svg__circle-front {
    stroke-dasharray: 340;
    stroke-width: 2px;
    stroke-opacity: 1
}
@media screen and (min-width: 1200px) {
    .media-container {
        height: 300px
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .media-container {
        height: 300px
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .media-container {
        height: 300px
    }
}
@media screen and (max-width: 767px) {
    .media-container {
        height: 400px
    }
}
.media-container.media-container--type-pb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.media-container-pb {
    width: calc(100% - 50px);
    margin: 10px 25px
}
.media-container-pb.media-container-pb--alg-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}
.media-container-pb.media-container-pb--alg-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}
.media-container-pb.media-container-pb--alg-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}
.recentwork_carousel__crsl {
    margin: 0;
    padding: 0;
    list-style: none;
    height: auto
}
.recentwork_carousel__crsl li {
    float: left;
    text-align: center;
    margin: 0;
    padding: 0 20px 0 0
}
.recentwork_carousel__link {
    display: block;
    padding: 0;
    margin: 0;
    line-height: 0; 
    cursor:default !important;
}
.recentwork_carousel__hover {
    display: block;
    position: relative;
    overflow: hidden
}
.recentwork_carousel__hov {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.recentwork_carousel--1 .recentwork_carousel__hov {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 100%;
    background-color: rgba(35, 35, 35, 0.8);
    display: block
}
.recentwork_carousel--1 .recentwork_carousel__hov:after {
    content: "\2b";
    position: relative;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    opacity: 0
}
.recentwork_carousel__img {
    height: 165px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.recentwork_carousel__details {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.recentwork_carousel--1 .recentwork_carousel__details {
    display: block;
    position: relative
}
.recentwork_carousel--1 .recentwork_carousel__bg {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.recentwork_carousel--1 .recentwork_carousel__bg {
    position: absolute;
    top: 0;
    height: 0;
    background: #b71c1c;
    width: 100%;
    left: 0
}
.recentwork_carousel__crsl-title {
    font-size: 14px;
    color: #b71c1c;
    padding: 10px 0;
    margin: 0;
    position: relative;
    z-index: 1
}
.recentwork_carousel__cat {
    font-size: 11px;
    display: block;
    color: #343434;
    line-height: 1;
    padding-bottom: 15px;
    position: relative;
    z-index: 1
}
.recentwork_carousel__link:hover .recentwork_carousel__hov {
    top: 0
}
.recentwork_carousel__link:hover .recentwork_carousel__hov:after {
    opacity: 1
}
.recentwork_carousel--1 .recentwork_carousel__link:hover .recentwork_carousel__bg {
    height: 100%
}
.recentwork_carousel__link:hover .recentwork_carousel__crsl-title,
.recentwork_carousel__link:hover .recentwork_carousel__cat {
    color: #fff
}
.recentwork_carousel__controls {
    margin-bottom: 20px
}
.recentwork_carousel__controls>a {
    opacity: .5
}
.recentwork_carousel__controls>a:hover {
    opacity: 1
}
.recentwork_carousel__details.nopointer {
    pointer-events: none
}
.recentwork_carousel--2 li {
    text-align: left;
    padding: 0 0 0 3px
}
.recentwork_carousel--2 .recentwork_carousel__link {
    position: relative
}
.recentwork_carousel--2 .recentwork_carousel__img {
    height: 190px;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out
}
.recentwork_carousel--2 .recentwork_carousel__link:hover .recentwork_carousel__img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.recentwork_carousel--2 .recentwork_carousel__hov {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 100%)
}
.recentwork_carousel--2 .recentwork_carousel__link:hover .recentwork_carousel__hov {
    opacity: 1;
    visibility: visible
}
.recentwork_carousel--2 .recentwork_carousel__details {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    opacity: 0;
    visibility: hidden;
    padding: 20px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: bottom .25s ease, opacity .25s ease, visibility .25s ease;
    transition: bottom .25s ease, opacity .25s ease, visibility .25s ease
}
.recentwork_carousel--2 .recentwork_carousel__link:hover .details {
    opacity: 1;
    visibility: visible;
    bottom: 0
}
.recentwork_carousel--2 .recentwork_carousel__cat {
    background-color: #b71c1c;
    display: inline-block;
    padding: 6px;
    
    border-radius: 2px;
    font-size: 11px;
    line-height: 1;
    z-index: 1
}
.recentwork_carousel--2 .recentwork_carousel__crsl-title {
    font-size: 15px;
    
    font-weight: bold;
    padding-bottom: 0
}
.recentwork_carousel--2 .recentwork_carousel__crsl-title,
.recentwork_carousel--2 .recentwork_carousel__cat {
    color: #fff
}
.recentwork_carousel--2 .recentwork_carousel__title {
    color: #595959;
    font-weight: bold;
    position: relative;
    padding: 0 0 15px;
    margin: 0 0 30px
}
.recentwork_carousel--2 .recentwork_carousel__title:after {
    position: absolute;
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background-color: #b71c1c;
    bottom: 0;
    left: 0
}
.recentwork_carousel--2 .recentwork_carousel__desc {
    margin-bottom: 30px
}
.recentwork_carousel--2 .btn {
    font-size: 11px
}
.recentwork_carousel--2 .recentwork_carousel__controls {
    float: right;
    margin-top: 6px;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}
.recentwork_carousel--2:hover .recentwork_carousel__controls {
    opacity: 1
}
.recentwork_carousel--2 .recentwork_carousel__controls .glyphicon {
    display: none
}
.recentwork_carousel--2 .recentwork_carousel__next,
.recentwork_carousel--2 .recentwork_carousel__prev {
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-block!important
}
.recentwork_carousel--2 .recentwork_carousel__next:before,
.recentwork_carousel--2 .recentwork_carousel__prev:after,
.recentwork_carousel--2 .recentwork_carousel__next:after,
.recentwork_carousel--2 .recentwork_carousel__prev:before {
    position: absolute;
    content: '';
    left: 7px;
    width: 10px;
    height: 2px;
    background-color: #2c2c2c
}
.recentwork_carousel--2 .recentwork_carousel__next:before,
.recentwork_carousel--2 .recentwork_carousel__prev:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.recentwork_carousel--2 .recentwork_carousel__next:after,
.recentwork_carousel--2 .recentwork_carousel__prev:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.recentwork_carousel--2 .recentwork_carousel__next:after,
.recentwork_carousel--2 .recentwork_carousel__prev:after {
    top: 14px
}
.recentwork_carousel--2 .recentwork_carousel__next:before,
.recentwork_carousel--2 .recentwork_carousel__prev:before {
    top: 8px
}
@media(max-width:767px) {
    .recentwork_carousel--2 .recentwork_carousel__left {
        margin-bottom: 30px
    }
}
.rwc--3 .recentwork_carousel__title {
    font-size: 28px;
    letter-spacing: -1px
}
.full_width .recentwork_carousel--2 {
    margin-bottom: 0
}
.full_width .recentwork_carousel--2 .recentwork_carousel__crsl-wrapper {
    padding-right: 15px
}
@media(min-width:768px) {
    .full_width .recentwork_carousel__left {
        padding-left: -webkit-calc((100vw - 750px) / 2);
        padding-left: calc((100vw - 750px) / 2)
    }
}
@media(min-width:992px) {
    .full_width .recentwork_carousel__left {
        padding-left: -webkit-calc((100vw - 970px) / 2);
        padding-left: calc((100vw - 970px) / 2)
    }
}
@media(min-width:1200px) {
    .full_width .recentwork_carousel__left {
        padding-left: -webkit-calc((100vw -(1170px - 15px)) / 2);
        padding-left: calc((100vw -(1170px - 15px)) / 2)
    }
}
.recentwork_carousel_v2 {
    position: relative;
    margin-bottom: 40px
}
.recentwork_carousel_v2 .recentwork_carousel__controls {
    position: absolute;
    right: 0;
    top: 5px
}
.recentwork_carousel_v2 .recentwork_carousel__crsl-wrapper {
    margin-left: -10px;
    margin-right: -10px
}
.recentwork_carousel_v2 li {
    padding: 0 10px
}
.recentwork_carousel_v2 .recentwork_carousel__link {
    position: relative;
    overflow: hidden
}
.recentwork_carousel_v2 .recentwork_carousel__details {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.25)), color-stop(1%, rgba(0, 0, 0, 0.25)), color-stop(100%, rgba(0, 0, 0, 0.65)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0.25) 1%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0.25) 1%, rgba(0, 0, 0, 0.65) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0.25) 1%, rgba(0, 0, 0, 0.65) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#a6000000', GradientType=1)
}
.recentwork_carousel_v2 .recentwork_carousel__link:hover .recentwork_carousel__details {
    opacity: 1
}
.recentwork_carousel_v2 .recentwork_carousel__plus {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    background: #b71c1c;
    font-size: 16px;
    color: #fff;
    top: 50%;
    margin-top: -12px;
    left: 50%;
    margin-left: -12px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3)
}
.recentwork_carousel_v2 .recentwork_carousel__crsl-title {
    position: absolute;
    font-size: 14px;
    top: 65%;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    color: #fff
}
.recentwork_carousel_v2 .recentwork_carousel__cat {
    position: absolute;
    font-size: 11px;
    top: 80%;
    left: 0;
    right: 0;
    padding: 0;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    color: #fff
}
.recentwork_carousel_v3 {
    position: relative;
    margin-bottom: 40px
}
.recentwork_carousel_v3 .recentwork_carousel__crsl-wrapper {
    margin-left: -5px;
    margin-right: -5px
}
.recentwork_carousel_v3 li {
    padding: 0 5px
}
.recentwork_carousel_v3 .recentwork_carousel__link {
    position: relative;
    overflow: hidden
}
.recentwork_carousel_v3 .recentwork_carousel__details {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    opacity: 0;
    padding: 20px;
    -webkit-transition: bottom .25s ease, opacity .25s ease, visibility .25s ease;
    transition: bottom .25s ease, opacity .25s ease, visibility .25s ease;
    -webkit-backface-visibility: hidden;
    text-align: start;
    padding-top: 80px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 100%)
}
.recentwork_carousel_v3 .recentwork_carousel__cat {
    background-color: #b71c1c;
    display: inline-block;
    padding: 6px;
    
    border-radius: 2px;
    font-size: 11px;
    line-height: 1.6;
    z-index: 1
}
.recentwork_carousel_v3 .recentwork_carousel__crsl-title {
    font-size: 20px;
    line-height: 1.2;
    
    font-weight: bold;
    padding-bottom: 0;
    color: #595959;
    font-weight: 600;
    position: relative;
    padding: 0;
    margin: 15px 0 0
}
.recentwork_carousel_v3 .recentwork_carousel__crsl-title,
.recentwork_carousel_v3 .recentwork_carousel__cat {
    color: #fff
}
.recentwork_carousel_v3 .recentwork_carousel__top-container {
    padding-top: 25px;
    padding-bottom: 35px
}
.recentwork_carousel_v3 .recentwork_carousel__title {
    font-size: 24px;
font-weight: 400;
color: #b71c1c;
font-family: 'DroidKufi-Bold';    
}
.recentwork_carousel_v3 .btn {
    color: #585858;
    line-height: 1;
    padding: 0;
    text-decoration: none
}
.recentwork_carousel_v3 .btn:hover {
    color: #343434
}
.recentwork_carousel_v3 .btn::before {
    content: '';
    background-color: #b71c1c;
    margin-right: 5px;
    width: 10px;
    height: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px
}
.recentwork_carousel_v3 .recentwork_carousel__link:hover .recentwork_carousel__details {
    opacity: 1;
    visibility: visible;
    bottom: 0
}
.recentwork_carousel_v3 .recentwork_carousel__img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out
}
.recentwork_carousel_v3 .recentwork_carousel__link:hover .recentwork_carousel__img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.recentwork_carousel_v3 .recentwork_carousel__controls {
    
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    direction: ltr;
float: left !important;
left: 0;
}
.recentwork_carousel_v3:hover .recentwork_carousel__controls {
    opacity: 1
}
.recentwork_carousel_v3 .recentwork_carousel__controls .glyphicon {
    display: none
}
.recentwork_carousel_v3 .recentwork_carousel__next,
.recentwork_carousel_v3 .recentwork_carousel__prev {
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-block!important
}
.recentwork_carousel_v3 .recentwork_carousel__next:before,
.recentwork_carousel_v3 .recentwork_carousel__prev:after,
.recentwork_carousel_v3 .recentwork_carousel__next:after,
.recentwork_carousel_v3 .recentwork_carousel__prev:before {
    position: absolute;
    content: '';
    left: 7px;
    width: 10px;
    height: 2px;
    background-color: #2c2c2c
}
.recentwork_carousel_v3 .recentwork_carousel__next:before,
.recentwork_carousel_v3 .recentwork_carousel__prev:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.recentwork_carousel_v3 .recentwork_carousel__next:after,
.recentwork_carousel_v3 .recentwork_carousel__prev:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.recentwork_carousel_v3 .recentwork_carousel__next:after,
.recentwork_carousel_v3 .recentwork_carousel__prev:after {
    top: 14px
}
.recentwork_carousel_v3 .recentwork_carousel__next:before,
.recentwork_carousel_v3 .recentwork_carousel__prev:before {
    top: 8px
}
.full_width .recentwork_carousel_v3 .recentwork_carousel__crsl-wrapper {
    margin-left: -10%;
    margin-right: -10%
}
.works_carousel.stl-simple {
    border-bottom: solid 1px #ddd
}
.works_carousel .slides {
    list-style: none;
    padding: 0;
    margin: 0
}
.works_carousel .slides>li {
    width: 380px;
    display: block;
    float: left;
    position: relative
}
.works_carousel .caroufredsel .slides>li a {
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}
.works_carousel .inner-slide {
    color: #FFF;
    color: rgba(255, 255, 255, 0.3);
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    display: block;
    margin: 0 12px
}
.works_carousel .inner-slide:hover {
    color: #fff
}
.works_carousel .inner-slide .imgprev {
    position: relative;
    display: block;
    margin: 0 0 20px
}
.no-touch .works_carousel .inner-slide .imgprev::after {
    background: transparent;
    border-bottom: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}
.no-touch .works_carousel .inner-slide:hover .imgprev::after {
    background: rgba(255, 255, 255, 0.1);
    border-bottom: 8px solid #b71c1c
}
.works_carousel .cfs--navigation a {
    display: block;
    width: 43px;
    height: 43px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    color: #eee;
    color: rgba(255, 255, 255, 0.15)
}
.works_carousel .cfs--prev {
    text-align: left;
    left: 10px
}
.works_carousel .cfs--next {
    text-align: right;
    right: 10px
}
.works_carousel .bottom-nav .cfs--prev {
    text-align: center;
    left: auto;
    right: 30px;
    bottom: 0;
    top: auto
}
.works_carousel .bottom-nav .cfs--next {
    text-align: center;
    right: 0;
    bottom: 0;
    top: auto;
    margin: 0
}
.works_carousel .cfs--pagination {
    width: 100%;
    position: absolute;
    text-align: center;
    z-index: 2;
    left: 0;
    bottom: 0
}
.works_carousel .cfs--pagination>a {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 2px 3px;
    background: #d9d9d9;
    box-shadow: none;
    border-radius: 50%;
    text-decoration: none
}
.works_carousel .cfs--pagination>a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.5)
}
.works_carousel .cfs--pagination>a.selected {
    background: #f4f4f4;
    box-shadow: 0 0 0 3px #fe6060;
    width: 8px;
    height: 8px;
    margin: 3px 4px
}
.works_carousel .cfs--pagination {
    bottom: -50px
}
.works_carousel .cfs--pagination a {
    margin: 0 2px;
    width: 6px;
    height: 6px;
    box-shadow: none;
    background: #FFF;
    background: rgba(255, 255, 255, 0.5)
}
.works_carousel .cfs--pagination a.selected {
    background: #afafaf;
    background: rgba(255, 255, 255, 0.96);
    cursor: default;
    box-shadow: none;
    width: 6px;
    height: 6px;
    margin: 0 2px
}
.works_carousel .cfs--navigation a {
    opacity: 0;
    cursor: pointer;
    margin: -40px 0 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.works_carousel .cfs--navigation a::before {
    font-family: 'Glyphicons Halflings';
    color: rgba(255, 255, 255, 0.2);
    font-size: 50px
}
.works_carousel .cfs--prev {
    left: -70px;
    padding-right: 40px
}
.works_carousel .cfs--next {
    right: -70px;
    padding-left: 40px;
    text-align: center;
    width: 40px
}
.works_carousel .caroufredsel:hover .cfs--prev {
    opacity: 1;
    left: -80px
}
.works_carousel .caroufredsel:hover .cfs--next {
    opacity: 1;
    right: -80px
}
.works_carousel .cfs--navigation a:hover::before {
    color: #b71c1c
}
.works_carousel .cfs--prev::before {
    content: "\e257"
}
.works_carousel .cfs--next::before {
    content: "\e258"
}
.works_carousel .fancy-title {
    color: #fff;
    margin-bottom: 0
}
.works_carousel .details [data-role="title"] {
    color: #fff;
    font-weight: 700;
    font-size: 15px
}
.works_carousel.stl-hoverlay .caroufredsel_wrapper {
    margin: 0
}
.works_carousel.stl-hoverlay .inner-slide {
    position: relative;
    margin: 0;
    color: #FFF
}
.works_carousel.stl-hoverlay .inner-slide .imgprev {
    margin: 0
}
.works_carousel.stl-hoverlay .inner-slide .imgprev img {
    width: 100%;
    display: block
}
.works_carousel.stl-hoverlay .inner-slide .imgprev::after {
    display: none
}
.works_carousel.stl-hoverlay .inner-slide .details {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fe6060;
    background: rgba(0, 0, 0, 0.5);
    text-align: center
}
.works_carousel.stl-hoverlay .inner-slide:hover .details {
    opacity: 1;
    visibility: visible
}
.works_carousel.stl-hoverlay .dt-inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}
.works_carousel.stl-hoverlay .inner-slide [data-role="title"] {
    font-size: 18px;
    font-weight: 600;
    color: #fff
}
.works_carousel.stl-simple .caroufredsel_wrapper {
    margin: 0
}
.works_carousel.stl-simple .inner-slide {
    position: relative;
    margin: 0
}
.works_carousel.stl-simple .inner-slide .imgprev {
    margin: 0;
    background: #242731
}
.works_carousel.stl-simple .inner-slide:hover .imgprev img {
    opacity: .6
}
.works_carousel.stl-simple .inner-slide .imgprev::after {
    display: none
}
.works_carousel.stl-simple .inner-slide .details {
    display: block;
    padding: 30px 0 0;
    border-left: 1px solid #eee;
    min-height: 105px
}
.works_carousel.stl-simple .inner-slide [data-role="title"] {
    font-size: 16px;
    margin: 0;
    font-weight: 600
}
.works_carousel.stl-simple .inner-slide [data-role="title"] a {
    color: #242731;
    text-decoration: none
}
.works_carousel.stl-simple .inner-slide:hover [data-role="title"] a,
.works_carousel.stl-simple .inner-slide [data-role="title"] a:hover {
    color: #b71c1c!important
}
.works_carousel.stl-simple .inner-slide [data-role="category"] {
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 0;
    color: #ceced0
}
.stg-textcenter.caroufredsel .inner-slide .details {
    text-align: center
}
.works_carousel.stl-fullwidth .cfs--navigation a {
    opacity: .2;
    cursor: pointer;
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    width: 35px;
    height: 100%;
    background: url(../images/transparent_png/white40.html);
    background: rgba(255, 255, 255, 0.4)
}
.works_carousel.stl-fullwidth .cfs--navigation a:hover {
    background: url(../images/transparent_png/white70.html);
    background: rgba(255, 255, 255, 0.7);
    width: 50px
}
.works_carousel.stl-fullwidth .cfs--navigation a::before {
    color: #333;
    color: rgba(0, 0, 0, 0.4);
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px
}
.works_carousel.stl-fullwidth .cfs--navigation a:hover::before {
    color: #fe6060
}
.works_carousel.stl-fullwidth .cfs--prev,
.works_carousel.stl-fullwidth .cfs--prev:hover {
    left: 0;
    text-align: center
}
.works_carousel.stl-fullwidth .cfs--next,
.works_carousel.stl-fullwidth .cfs--next:hover {
    right: 0;
    text-align: center
}
form .row {
    margin-left: -5px;
    margin-right: -5px
}
.inline-form {
    font-size: 0
}
.contact_form textarea {
    height: 100px
}
.inline-form .form-group,
.contact_form .form-group {
    padding: 0 8px
}
.contact_form .form-control {
    font-size: 13px;
    padding: 14px;
    height: auto;
    outline: 0;
    box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.06);
    border: 1px solid #d9d9d9
}
.form-control:focus {
    border-color: rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: inherit;
    box-shadow: inherit
}
.moss-fancy-form {
    position: relative
}
.inline-form .moss-fancy-form label,
.contact_form .moss-fancy-form label {
    left: 25px
}
.moss-fw-form .form-control,
.moss-fw-form.form-control {
    width: 100%
}
.moss-hw-field {
    width: 50%;
    display: inline-block
}
.moss-fancy-form label {
    color: #969696;
    font-size: 10px;
    
    position: absolute;
    top: 6px;
    left: 16px;
    cursor: text;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}
.moss-fancy-form input:focus+label,
.moss-fancy-form textarea:focus+label {
    color: #c0c0c0
}
.moss-fancy-form .form-control {
    padding: 26px 16px 6px 10px;
    height: auto
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .moss-fancy-form select.form-control {
     
        	background-size: 6px 12px;
        }
}
.moss-fancy-form input::-webkit-input-placeholder {
    color: #bababa
}
.moss-fancy-form input:focus::-webkit-input-placeholder {
    color: #d7d7d7
}
.moss-fancy-form input:-moz-placeholder {
    color: #bababa
}
.moss-fancy-form input:focus:-moz-placeholder {
    color: #d7d7d7
}
.moss-fancy-form input::-moz-placeholder {
    color: #bababa
}
.moss-fancy-form input:focus::-moz-placeholder {
    color: #d7d7d7
}
.moss-fancy-form input:-ms-input-placeholder {
    color: #bababa
}
.moss-fancy-form input:focus:-ms-input-placeholder {
    color: #d7d7d7
}
textarea.form-control {
    width: 100%;
    max-width: 100%
}
.fake-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 1;
    pointer-events: none;
    -webkit-animation: fake-loading .4s ease-in 2s 1 normal forwards;
    animation: fake-loading .4s ease-in 2s 1 normal forwards
}
.fake-loading.fl--nobg {
    background: 0
}
.fake-loading.loading-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}
.fake-loading.loading-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}
.fake-loading.loading-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}
.fake-loading.loading-8s {
    -webkit-animation-delay: 8s;
    animation-delay: 8s
}
.fake-loading.loading-10s {
    -webkit-animation-delay: 10s;
    animation-delay: 10s
}
.fake-loading:after {
    content: '';
    border: 2px solid rgba(205, 33, 34, 0.16);
    border-top-color: #b71c1c;
    border-right-color: #b71c1c;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    -webkit-animation: fake-loading-circle .5s infinite linear;
    animation: fake-loading-circle .5s infinite linear
}
@-webkit-keyframes fake-loading {
    0% {
        visibility: visible;
        opacity: 1
    }
    100% {
        visibility: hidden;
        opacity: 0
    }
}
@keyframes fake-loading {
    0% {
        visibility: visible;
        opacity: 1
    }
    100% {
        visibility: hidden;
        opacity: 0
    }
}
@-webkit-keyframes fake-loading-circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes fake-loading-circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.bs-docs-example {
    position: relative;
    margin: 15px 0;
    padding: 39px 19px 14px;
    *padding-top: 19px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px
}
.bs-docs-example:after {
    content: "Example";
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    color: #9da0a4;
    border-radius: 4px 0 4px 0
}
.bs-docs-example+.prettyprint {
    margin-top: -20px;
    padding: 0;
    padding-top: 15px
}
.bs-docs-example>p:last-child {
    margin-bottom: 0
}
.show-grid {
    margin-top: 10px;
    margin-bottom: 20px
}
.caroufredsel_wrapper .slides li {
    position: relative;
    display: block;
    float: left
}
.caroufredsel_wrapper .playVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}
.static-content__wrapper {
    width: 100%;
    overflow: hidden;
    height: 659px
}
.static-content__source+.static-content__inner {
    position: relative
}
.static-content__source {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}
.moss-slideshow .moss-slideshow-safepadding {
    padding-top: 45px
}
.overlay_white {
    background-color: #fff
}
.shadow {
    box-shadow: 5px 5px 10px #212121
}
.glossy {
    display: block;
    margin: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .6)), color-stop(100%, rgba(255, 255, 255, 0)))
}
.sc__loupe {
    cursor: url(../addons/jquery_loupe/blank.html), url(../addons/jquery_loupe/blank-2.html), none;
    border: 2px solid white;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    position: absolute;
    display: none;
    width: 150px;
    height: 150px;
    box-shadow: 0 0 5px #777, 0 0 10px #aaa inset;
    border-radius: 50%;
    z-index: 1000;
    margin: 0;
    padding: 0
}
.sc__loupe .glossy {
    display: block;
    margin: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .6)), color-stop(100%, rgba(255, 255, 255, 0)))
}
.static-content__slideshow .static-content .sc__features {
    margin: 30px 0;
    list-style: none;
    padding-left: 0
}
.static-content .sc__features li {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.4)
}
.static-content .sc__features li>span {
    margin: 7px 10px 0 0
}
.static-content .btn .button-icon {
    margin-right: 5px
}
.static-content .btn span {
    vertical-align: middle
}
.static-content--with-login .static-content__title {
    margin-top: 60px
}
ul.thumbs li [data-role="title"] {
    font-size: 15px;
    font-weight: 600;
    color: #686b78;
    margin: 0 0 10px;
    line-height: 1;
    text-transform: uppercase
}
ul.thumbs li .prj-info {
    margin-top: 20px
}
ul.thumbs li .img-placeholder {
    position: relative
}
ul.thumbs .overlay {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5)
}
ul.thumbs .overlay-inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}
ul.thumbs .overlay a {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    padding: 15px 30px;
    border: 1px solid #fff;
    border-radius: 2px;
    text-decoration: none;
    line-height: 1;
    margin-left: 5px;
    margin-right: 5px;
    position: relative
}
ul.thumbs .overlay a:hover {
    border-color: transparent;
    background: #fe6060
}
ul.thumbs .overlay a:nth-child(1) {
    top: -50px
}
ul.thumbs .overlay a:nth-child(2) {
    top: 50px
}
ul.thumbs li:hover .overlay {
    opacity: 1;
    visibility: visible
}
ul.thumbs li:hover .overlay a {
    top: 0
}
ul.thumbs li .appreciate {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    background: #ddd;
    text-decoration: none
}
ul.thumbs li .appreciate::before {
    font-size: 18px;
    line-height: 39px;
    text-align: center;
    color: #fff
}
ul.thumbs li .appreciate:hover {
    background: #fe6060
}
ul.thumbs.style2 .inner-item {
    position: relative;
    overflow: hidden
}
ul.thumbs.style2 .prj-info {
    margin: 0;
    position: absolute;
    width: 100%;
    top: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    background: rgba(255, 255, 255, 0.95);
    padding: 25px;
    text-align: left
}
ul.thumbs.style2 .prj-info::before {
    content: '';
    position: absolute;
    left: 30px;
    bottom: 100%;
    border: 6px solid transparent;
    border-bottom-color: rgba(255, 255, 255, 0.95)
}
ul.thumbs.style2 .prj-info>div {
    float: left;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px)
}
ul.thumbs.style2 [data-role="title"] {
    text-transform: none;
    color: #242731;
    font-size: 16px
}
ul.thumbs.style2 [data-role="cat"] {
    color: #888;
    font-size: 13px;
    font-weight: 600;
    margin: 0
}
ul.thumbs.style2 li:hover .prj-info {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 1;
    visibility: visible
}
ul.thumbs.style2 .appreciate {
    background: 0;
    float: right;
    height: auto;
    color: #888;
    text-align: center;
    line-height: 1
}
ul.thumbs.style2 .appreciate::before,
ul.thumbs.style2 .appreciate:hover::before {
    color: #b71c1c;
    line-height: 1;
    font-size: 18px
}
ul.thumbs.style2 .appreciate::after {
    font-size: 13px;
    line-height: 1;
    text-align: center;
    display: block;
    vertical-align: bottom;
    margin-top: 5px
}
ul.thumbs.style2 .appreciate:hover::before {
    color: #565656
}
ul.thumbs.style2 .appreciate:hover {
    background: 0
}
ul.thumbs.style2 .overlay {
    background: rgba(54, 54, 54, 0.85)
}
ul.thumbs.style2 .overlay a {
    color: #fff;
    padding: 10px 15px;
    top: 0
}
ul.thumbs.style2 .overlay a:hover {
    background: #b71c1c;
    border-color: transparent
}
ul.thumbs.style2 .overlay a:nth-child(1) {
    top: -50px
}
ul.thumbs.style2 .overlay a:nth-child(2) {
    top: -55px;
    -webkit-transition-delay: .05s!important;
    transition-delay: .05s!important
}
ul.thumbs.style2 li:hover .overlay a {
    top: 0
}
ul.thumbs .overlay-inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    margin-top: -50px
}
ul.project-list.style2 li:hover .prj-info {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 1;
    visibility: visible
}
ul.project-list.style2 .prj-info {
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}
.heart-count {
    display: block;
    font-size: 16px;
    margin-top: 5px
}
.full-portfolio {
    background-color: #1a1c25;
    padding: 35px 0
}
.full-portfolio h3 {
    color: #fff;
    text-transform: uppercase
}
.full-portfolio .hg-portfolio-sortable #portfolio-nav {
    float: right;
    margin: 0
}
.full-portfolio .hg-portfolio-sortable #portfolio-nav li a {
    background: 0;
    color: #fff;
    font-size: 12px
}
.full-portfolio .hg-portfolio-sortable #portfolio-nav li a:hover,
.full-portfolio .hg-portfolio-sortable #portfolio-nav li.current a {
    background: 0;
    color: #b71c1c
}
.fullwidthportfolio.portfolio-items {
    width: 100%;
    padding: 0
}
.fullwidthportfolio.portfolio-items>.row {
    margin-left: 0;
    margin-right: 0
}
.fullwidthportfolio.portfolio-items>.row>div {
    float: none;
    padding: 0
}
.fullwidthportfolio ul.thumbs {
    margin: 0
}
.fullwidthportfolio ul.thumbs .project-item {
    margin-bottom: 0
}
.fullwidthportfolio ul.thumbs .inner-item {
    padding: 0;
    margin-bottom: 0
}
.fullwidthportfolio ul.thumbs li {
    -webkit-transition-property: -webkit-transform, opacity, box-shadow;
    transition-property: transform, opacity, box-shadow
}
.fullwidthportfolio ul.thumbs li:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    z-index: 3
}
.project-item .overlay a {
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}
.bg-dark-blue {
    background: #1a1c25!important
}
.photo-wall .isotope-item,
.photo-wall .grid-sizer {
    width: 380px;
    width: -webkit-calc(100% / 5);
    width: calc(100% / 5)
}
.photo-wall .isotope-item {
    float: left;
    position: relative;
    padding-bottom: 380px;
    padding-bottom: -webkit-calc(100% / 5);
    padding-bottom: calc(100% / 5);
    overflow: hidden
}
.photo-wall .isotope-item.width2 {
    width: 760px;
    width: -webkit-calc((100% / 5) *2);
    width: calc((100% / 5) *2)
}
.photo-wall .isotope-item.height2 {
    padding-bottom: 760px;
    padding-bottom: -webkit-calc((100% / 5) *2);
    padding-bottom: calc((100% / 5) *2)
}
.photo-wall .pw-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}
.photo-wall .pw-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fe6060;
    opacity: 0;
    visibility: hidden
}
.photo-wall .isotope-item:hover .pw-item {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03)
}
.photo-wall .isotope-item:hover .pw-item::after {
    opacity: .5;
    visibility: visible
}
.photo-wall .pw-details {
    position: absolute;
    bottom: -200px;
    left: 5%;
    color: #fff;
    width: 100%;
    padding-left: 0;
    opacity: 0;
    visibility: hidden;
    padding-bottom: 40px;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}
.photo-wall .isotope-item:hover .pw-details {
    bottom: 0;
    opacity: 1;
    visibility: visible
}
.photo-wall .pw-details [data-role="title"] {
    font-size: 18px;
    font-weight: 600;
    color: inherit;
    margin-bottom: 0;
    letter-spacing: 0
}
.photo-wall .pw-details [data-role="category"] {
    font-size: 12px;
    font-weight: 600;
    opacity: .7;
    color: inherit;
    margin-bottom: 0
}
.photo-wall .pw-details i {
    margin-top: 30px
}
.photo-wall .pw-details h5 {
    margin-top: 0
}
@media only screen and (max-width: 991px) {
    .photo-wall .isotope-item,
    .photo-wall .grid-sizer {
        width: -webkit-calc(100% / 2);
        width: calc(100% / 2)
    }
    .photo-wall .isotope-item {
        padding-bottom: -webkit-calc(100% / 2);
        padding-bottom: calc(100% / 2)
    }
    .photo-wall .isotope-item.width2 {
        width: -webkit-calc((100% / 2) *2);
        width: calc((100% / 2) *2)
    }
    .photo-wall .isotope-item.height2 {
        padding-bottom: -webkit-calc((100% / 2) *2);
        padding-bottom: calc((100% / 2) *2)
    }
    .photo-wall .isotope-item {
        width: -webkit-calc(100% / 2);
        width: calc(100% / 2);
        padding-bottom: -webkit-calc(100% / 2);
        padding-bottom: calc(100% / 2)
    }
    .photo-wall .isotope-item.width2 {
        width: -webkit-calc(100% / 2);
        width: calc(100% / 2)
    }
    .photo-wall .isotope-item.height2 {
        padding-bottom: -webkit-calc(100% / 2);
        padding-bottom: calc(100% / 2)
    }
    .photo-wall .isotope-item:nth-child(odd):last-child {
        width: 100%;
        padding-bottom: 100%
    }
}
.g-recaptcha {
    overflow: hidden;
    display: inline-block;
    padding-left: 15px
}
.custom-position {
    padding-top: 15%;
    padding-right: 10%;
    padding-bottom: 13%;
    padding-left: 15%;
    background-color: rgba(61, 61, 61, 0.7)!important
}
.custom-position2 {
    padding-top: 15%;
    padding-right: 15%;
    padding-bottom: 13%;
    padding-left: 10%;
    background-color: rgba(205, 33, 34, 0.7)!important
}
.custom-position3 {
    padding-top: 15%;
    padding-right: 15%;
    padding-bottom: 13%;
    padding-left: 10%;
    background-color: rgba(132, 105, 16, 0.7)!important
}
.max-w220 {
    max-width: 220px!important
}
.mtop-50 {
    margin-top: 50px
}
.ptop-30 {
    padding-top: 30px
}
.lh-24 {
    line-height: 24px!important
}
.icon-facebook.color {
    color: #3b5998
}
.icon-youtube.color {
    color: #cd201f
}
.icon-twitter.color {
    color: #55acee
}
.icon-pinterest.color {
    color: #cc2127
}
.icon-facebook.color:hover,
.icon-youtube.color:hover,
.icon-twitter.color:hover,
.icon-pinterest.color:hover {
    color: #4c4c4c
}
.custom-height .caroufredsel_wrapper,
.custom-height .recentwork_carousel__img {
    height: 500px!important
}
.footer_nav {
    margin-top: 0!important
}
.moss-slideshow .moss-contentmaps__panel {
    top: 150px
}
.elm-social-icons {
    margin-left: 0;
    padding: 0;
    display: inline-block;
    list-style: none
}
.elm-social-icons li {
    display: inline-block;
    margin: 5px;
    margin-left: 3px;
    margin-right: 3px
}
.elm-social-icons .elm-sc-icon {
    display: inline-block;
    color: #fff;
    width: auto;
    height: auto;
    padding: 23px;
    position: relative;
    text-align: center;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    font-size: 14px;
    font-weight: normal;
    opacity: 1
}
.elm-social-icons .elm-sc-icon:before {
    position: absolute;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-backface-visibility: hidden;
    top: 50%;
    left: 50%
}
.elm-social-icons.sc--normal .elm-sc-icon {
    background-color: #111
}
.elm-social-icons.sc--normal .elm-sc-icon:hover {
    background-color: #b71c1c
}
.elm-social-icons.sc--colored .elm-sc-icon:hover {
    background-color: #111
}
.elm-social-icons.sc--colored_hov .elm-sc-icon {
    background-color: #111
}
.elm-social-icons.sc--colored_hov .elm-sc-icon:hover {
    background-color: rgba(0, 0, 0, 0.05)
}
.elm-social-icons.sc--clean .elm-sc-icon {
    background: none!important
}
.elm-social-icons.sc--clean .elm-sc-icon:hover {
    background: none!important;
    box-shadow: none
}
.elm-social-icons.sh--rounded .elm-sc-icon {
    border-radius: 3px
}
.elm-social-icons.sh--circle .elm-sc-icon {
    border-radius: 50%
}
.elm-social-icons.sh--special1 .elm-sc-icon:before {
    top: 75%;
    left: 75%
}
.elm-socialicons {
    margin-bottom: 35px
}
.icon-facebook.icon-bg {
    background: #3b5998
}
.icon-twitter.icon-bg {
    background: #55acee
}
.icon-dribbble.icon-bg {
    background: #ea4c89
}
.icon-pinterest.icon-bg {
    background: #cc2127
}
.icon-linkedin.icon-bg {
    background: #0077b5
}
.one-page-footer .newsletter-signup .nl-email {
    width: calc(99% - 130px)
}
.one-page-footer .newsletter-signup {
    margin-bottom: 30px
}
.chaser .main-menu li a {
    background: transparent;
    font-family: 'DroidKufi-Regular'!important
}

.chaser .main-menu li a:last-child {
    padding-left:0px;
}


.chaser .main-menu li.active>a {
    color: #b71c1c;
    border-bottom: 3px solid #b71c1c
}
.nav>li>a:focus,
.nav>li>a:hover {
    background: none!important
}
.moss-fw-input {
    width: 100%
}
.auth-popup-panel {
    padding: 50px
}
.auth-popup-title {
    font-size: 16px;
    font-weight: 400;
    color: #4a4a4a;
    margin-bottom: 20px;
    line-height: 1.9;
    text-shadow: none
}
.auth-popup-createacc {
    margin-right: 8px;
    background: none!important
}
.auth-popup-createacc+.auth-popup-sep {
    margin-right: 8px;
    border-left: 1px solid #ccc
}
.auth-popup-links {
    margin-top: 20px;
    color: #4a4a4a;
    font-size: 10px;
    font-weight: 600
}
.auth-popup-link {
    font-size: 11px;
    font-weight: 400;
    color: #898989
}
.auth-popup-link:hover {
    color: #585858
}
.auth-popup-remember {
    margin: 0 0 20px;
    display: block;
    font-weight: 300;
    
    font-size: 11px;
    text-shadow: none
}
.auth-popup-remember-chb {
    margin: 0
}
.mfp-bg.mfp-fade.mfp-bg-lighter {
    background: #212121
}
.mfp-bg.mfp-fade.mfp-bg-lighter.mfp-ready {
    opacity: .75
}
.auth-popup .mfp-close {
    color: #828282
}
.auth-popup {
    width: 420px;
    margin: 0 auto;
    border: 1px solid #fff;
    background: #ededed;
    box-shadow: 0 0 20px #212121;
    border-radius: 2px;
    position: relative
}
.register-popup {
    width: 420px
}
@media(max-width:480px) {
    .auth-popup {
        width: 100%
    }
}
.moss-fancy-form {
    position: relative
}
.moss-fancy-form-label {
    color: #969696;
    font-size: 10px;
    
    position: absolute;
    top: 6px;
    left: 16px;
    cursor: text;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}
.moss-fancy-form-input:focus+.moss-fancy-form-label,
.moss-fancy-form-textarea:focus+.moss-fancy-form-label {
    color: #c0c0c0
}
.moss-fancy-form .form-control {
    padding: 8px 7px 8px 16px;
    height: auto
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .moss-fancy-form-select {
        height: 52px;
        -webkit-appearance: none;
        box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.06);
        background-image: url('../images/select-arrow.svg');
        background-repeat: no-repeat;
        background-size: 6px 12px;
        background-position: calc(100% - 10px) center;
        }
}
.moss-fancy-form-input::-webkit-input-placeholder {
    color: #bababa
}
.moss-fancy-form-input:focus::-webkit-input-placeholder {
    color: #d7d7d7
}
.moss-fancy-form-input:-moz-placeholder {
    color: #bababa
}
.moss-fancy-form-input:focus:-moz-placeholder {
    color: #d7d7d7
}
.moss-fancy-form-input::-moz-placeholder {
    color: #bababa
}
.moss-fancy-form-input:focus::-moz-placeholder {
    color: #d7d7d7
}
.moss-fancy-form-input:-ms-input-placeholder {
    color: #bababa
}
.moss-fancy-form-input:focus:-ms-input-placeholder {
    color: #d7d7d7
}
.reset-list,
.reset-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.inline-list {
    display: inline-block
}
.inline-list--items>li {
    display: inline-block
}
.fancy-list {
    list-style: none;
    padding: 0;
    margin: 0
}
.fancy-list li::before {
    content: '';
    display: inline-block;
    margin-right: 12px;
    width: 8px;
    height: 2px;
    background: #e1e1e1;
    vertical-align: middle;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}
.fancy-list li:hover::before {
    width: 12px;
    margin-right: 8px;
    background: #b71c1c
}
.ls__laptop-mask {
    margin-bottom: 20px
}
.agency .ls__arrow:before,
.agency .ls__arrow:after {
    background-color: #989898
}
.agency .ls__arrow:hover:before,
.agency .ls__arrow:hover:after {
    background-color: #5d5d5d
}
.hover-scale {
    display: inline-block;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: -webkit-transform .1s ease-out;
    transition: transform .1s ease-out
}
.hover-scale:hover {
    -webkit-transform: scale(1.4, 1.4);
    -ms-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4)
}
.moss-icon.icon-klmid {
    vertical-align: middle
}
.moss-icon.icon-size-xxl {
    font-size: 32px
}
.icon-box.stg-alignleft .moss-icon {
    float: left;
    margin-right: 25px;
    font-size: 28px;
    color: #fff
}
.testimonials-partners--dark .ts-pt-testimonials__text.gray-bg {
    background: rgba(165, 165, 165, 0.2)
}
.cms-icon-section {
    overflow: hidden;
    position: relative
}
.cms-icon-container {
    position: absolute;
    top: 0;
    left: 50%;
    text-align: center;
    margin-left: -200px
}
.cms-icon-container i {
    position: absolute;
    font-size: 400px;
    line-height: 400px;
    vertical-align: middle;
    height: 400px;
    top: 10px;
    color: rgba(0, 0, 0, 0.05);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    transition: -webkit-transform .2s ease-out, opacity .2s ease-out;
    transition: transform .2s ease-out, opacity .2s ease-out
}
.cms-icon-container .moss-icon.icon-github-circled {
    font-size: 520px;
    line-height: 520px;
    height: 520px;
    top: -50px;
    margin-left: -40px
}
.cms-icon-container .moss-icon.hovered {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.colored-area {
    background: linear-gradient(135deg, #360384, #da0b68);
    background-image: linear-gradient(135deg, #360384, #da0b68);
    background-repeat: repeat;
    background-position: 0 0;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto
}
.socialbox {
    padding: 70px 0;
    background: #efefef;
    color: #bfbfbf;
    display: block;
    margin: 0 -15px;
    border-style: solid;
    text-decoration: none;
    border-color: #dbdbdb;
    border-width: 1px 0 1px 1px;
    text-align: center
}
.socialbox:hover {
    text-decoration: none
}
.socialbox .moss-icon {
    font-size: 44px;
    display: inline-block
}
.socialbox .fan-count {
    opacity: 0;
    visibility: hidden;
    display: block;
    color: rgba(0, 0, 0, 0.25);
    font-size: 12px;
    font-weight: 800;
    margin: 0;
    line-height: 1.3;
    height: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
}
.socialbox .fan-count>span {
    display: block;
    font-size: 30px;
    font-weight: 400;
    color: #fff
}
.no-touch .socialbox:hover .moss-icon,
.touch .socialbox:active .moss-icon {
    color: #fff;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
}
.no-touch .socialbox:hover .fan-count,
.touch .socialbox:active .fan-count {
    opacity: 1;
    visibility: visible
}
.socialbox,
.socialbox .moss-icon,
.socialbox .fan-count {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}
.socialbox.sb-twitter:hover {
    background: #00bdec
}
.socialbox .icon-twitter {
    color: #00bdec
}
.socialbox.sb-facebook:hover {
    background: #3b5998
}
.socialbox .icon-facebook {
    color: #3b5998
}
.socialbox.sb-envato:hover {
    background: #7fb841
}
.socialbox .icon-envato {
    color: #7fb841
}
.socialbox.sb-vimeo:hover {
    background: #01557a
}
.socialbox.sb-google-plus:hover {
    background: #d94a39
}
.socialbox.sb-linkedin:hover {
    background: #1b92bd
}
.socialbox.sb-behance:hover {
    background: #026afa
}
.socialbox.sb-dribbble:hover {
    background: #ef5b92
}
.socialbox.sb-pinterest:hover {
    background: #cb2027
}
.socialbox.sb-instagram:hover {
    background: #517fa4
}
.socialbox.sb-youtube:hover {
    background: #d20800
}
.socialbox.sb-skype:hover {
    background: #18b7f1
}
.socialbox.sb-flickr:hover {
    background: #ea2698
}
.socialbox.sb-yelp:hover {
    background: #af0606
}
.socialbox.sb-lastfm:hover {
    background: #d2013a
}
.el-devimages--product .el-devimages__laptop,
.el-devimages--product .el-devimages__smartphone {
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out
}
.fade-animation:hover .el-devimages__smartphone {
    -webkit-transform: translateX(20px) translateY(5px);
    -ms-transform: translateX(20px) translateY(5px);
    transform: translateX(20px) translateY(5px)
}
.fade-animation:hover .el-devimages__laptop {
    -webkit-transform: translateX(-40px) translateY(-5px);
    -ms-transform: translateX(-40px) translateY(-5px);
    transform: translateX(-40px) translateY(-5px)
}
.artemis .chaser,
.atlas .chaser {
    display: none
}
.artemis .full-portfolio {
    background-color: #464646
}
.artemis .hg-portfolio-sortable #portfolio-nav li {
    float: none;
    display: inline-block
}
@media(max-width:768px) {
    .atlas .center-block {
        padding-top: 100px
    }
}
@media(min-width:768px) and (max-width:992px) {
    .site-header.style14 .logo-container {
        margin-left: 30px
    }
    .site-header.style14 .zn-res-trigger {
        float: right;
        margin-right: 50px
    }
}
@media(min-width:992px) {
    .artemis #page_wrapper, .atlas #page_wrapper {
        margin: 0 0 0 300px;
        width: auto
    }
    .site-header.style14 {
        position: fixed;
        left: 0;
        width: 300px;
        height: 100vh;
        background: #fff
    }
    .site-header.style14 .siteheader-container {
        height: 100vh;
        box-shadow: -10px 0 10px 8px #aaa
    }
    .site-header.style14 .header-links-container {
        margin-right: 0;
        width: 100%;
        padding-left: 25px
    }
    .site-header.style14 .topnav {
        float: left
    }
    .site-header.style14 .logo-container {
        float: none
    }
    .site-header.style14 .site-logo {
        float: none;
        margin: 40px auto
    }
    .site-header.style14 .spanel-label,
    .site-header.style14 .topnav>li>a,
    .site-header.style14 .social-icons.topnav.sc--clean>li>a {
        color: #212121
    }
    .site-header.style14 .social-icons.topnav.sc--clean>li>a:hover {
        color: #ccc
    }
    .site-header.style14 .header-search {
        position: relative;
        display: inline-block;
        margin-top: 2px;
        margin-left: 15px
    }
    .site-header.style14 .header-search .searchBtn {
        background: 0
    }
    .site-header.style14 .searchBtn .icon-white {
        color: #4c4c4c
    }
    .site-header.style14 .separator {
        background: #212121
    }
    .site-header.style14 .main-nav>ul>li>a {
        color: #212121
    }
    .site-header.style14 .social-icons {
        width: 100%;
        text-align: center;
        position: absolute!important;
        bottom: 20px;
        left: 0;
        top: auto!important
    }
    .site-header.style14 .social-icons li {
        float: none
    }
    .site-header.style14 .main-nav {
        float: none;
        margin-top: 50px
    }
    .site-header.style14 .main-nav>ul>li {
        float: none;
        position: relative
    }
    .site-header.style14 .main-nav>ul>li:first-child {
        margin-left: 5px
    }
    .site-header.style14 .main-nav>ul>li>a:before {
        background: 0
    }
    .artemis #portfolio-nav {
        width: 100%;
        text-align: center
    }
}
@media(max-width:992px) {
    .site-header.style14 .social-icons {
        display: none
    }
    .site-header.style14 {
        position: relative;
        background-color: #2f2f2f;
        display: inline-block
    }
    .site-header.style14 .zn-res-trigger {
        margin-left: 30px;
        margin-bottom: 17px
    }
    .site-header.style14 .site-logo a {
        display: inline-block
    }
    .site-header.style14 .header-search {
        right: 15px
    }
    .site-header.style14 .header-search .searchBtn {
        background: 0;
        margin: 12px 0 0 10px
    }
    .site-header.style14 .header-search .searchBtn span {
        color: #d2d2d2;
        -webkit-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out
    }
    .site-header.style14 .header-search .searchBtn:hover span {
        color: #fff
    }
}
@media(min-width:992px) and (max-width:1199px) {
    .artemis ul.thumbs[data-columns="3"] .project-item, .artemis ul.thumbs[data-columns="4"] .project-item, .artemis ul.thumbs[data-columns="5"] .project-item, .artemis ul.thumbs[data-columns="6"] .project-item {
        width: 50%
    }
    .artemis ul.thumbs .project-item {
        width: 50% margin-left: 0
    }
}
@media(max-width:1199px) {
    .artemis #portfolio-nav {
        text-align: left!important
    }
}
.poppins {
    font-family: "Poppins", Helvetica, Arial, sans-serif
}
.custom-p {
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #868686
}
.find-out .moss-icon {
    font-size: 30px;
    margin-right: 12px
}
.find-out span {
    vertical-align: middle;
    display: inline-block
}
.find-out .text {
    font-weight: 700
}
.parallax-effects {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    list-style: none
}
.parallax-effects .layer {
    width: 100%;
    height: 100%
}
.parallax-effects .layer-element {
    position: absolute
}
#page_wrapper .parallax-effects .slide-image {
    width: 110%;
    height: 110%;
    left: -5%;
    top: -5%
}
.pos-vertical-middle {
    position: relative;
    margin: auto;
    left: 0;
    top: 50%;
    right: 0;
    z-index: 1
}
.pos-vertical-middle>.container {
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.rotating {
    display: inline-block;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);

    -moz-transform: rotateX(0) rotateY(0) rotateZ(0);
    -ms-transform: rotateX(0) rotateY(0) rotateZ(0);
    -o-transform: rotateX(0) rotateY(0) rotateZ(0);
    transform: rotateX(0) rotateY(0) rotateZ(0);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform-origin-x: 50%
}
.rotating.flip {
    position: relative
}
.rotating .front,
.rotating .back {
    left: 0;
    top: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}
.rotating .front {
    position: absolute;
    display: inline-block;
    -webkit-transform: translate3d(0, 0, 1px);
    -moz-transform: translate3d(0, 0, 1px);
    -ms-transform: translate3d(0, 0, 1px);
    -o-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px)
}
.rotating.flip .front {
    z-index: 1
}
.rotating .back {
    display: block;
    opacity: 0
}
.rotating.spin {
    -webkit-transform: rotate(360deg) scale(0);
    -moz-transform: rotate(360deg) scale(0);
    -ms-transform: rotate(360deg) scale(0);
    -o-transform: rotate(360deg) scale(0);
    transform: rotate(360deg) scale(0)
}
.rotating.flip .back {
    z-index: 2;
    display: block;
    opacity: 1;
    -webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
    -moz-transform: rotateY(180deg) translate3d(0, 0, 0);
    -ms-transform: rotateY(180deg) translate3d(0, 0, 0);
    -o-transform: rotateY(180deg) translate3d(0, 0, 0);
    transform: rotateY(180deg) translate3d(0, 0, 0)
}
.rotating.flip.up .back {
    -webkit-transform: rotateX(180deg) translate3d(0, 0, 0);
    -moz-transform: rotateX(180deg) translate3d(0, 0, 0);
    -ms-transform: rotateX(180deg) translate3d(0, 0, 0);
    -o-transform: rotateX(180deg) translate3d(0, 0, 0);
    transform: rotateX(180deg) translate3d(0, 0, 0)
}
.rotating.flip.cube .front {
    -webkit-transform: translate3d(0, 0, 100px) scale(0.9, 0.9);
    -moz-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
    -ms-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
    -o-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
    transform: translate3d(0, 0, 100px) scale(0.85, 0.85)
}
.rotating.flip.cube .back {
    -webkit-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);
    -moz-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
    -ms-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
    -o-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
    transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85)
}
.rotating.flip.cube.up .back {
    -webkit-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);
    -moz-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
    -ms-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
    -o-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
    transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85)
}
.team-carousel {
    margin-left: -15px;
    margin-right: -15px
}
.team-carousel .cfs--navigation {
    position: absolute;
    top: -31px;
    right: 15px
}
.team-carousel .cfs--navigation a {
    float: left;
    margin-left: 4px;
    position: static;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    color: #fff;
    opacity: 1;
    margin: 0;
    background: rgba(0, 0, 0, 0.1);
    text-align: center;
    line-height: 22px
}
.team-carousel .cfs--navigation a.cfs--next {
    padding-left: 2px;
    margin-left: 4px;
    text-align: center
}
.team-carousel .cfs--navigation a.cfs--prev {
    padding-right: 2px;
    text-align: center
}
.team-carousel .cfs--navigation a::before {
    font-size: 12px;
    line-height: 22px
}
.team-carousel:hover .cfs--navigation a,
.team-carousel .cfs--navigation a:hover {

    background: rgba(0, 0, 0, 0.2)
}
.team-member {
    margin: 0 0 3px;
    padding: 0 0 15px;
    margin-bottom: 40px;
    -webkit-backface-visibility: hidden
}
.team-carousel .team-member {
    margin: 0 15px 3px
}
.team-member .mmb-title {
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 18px;
    padding: 0 15px
}
.team-member .mmb-position {
    color: #2a83ed;
    margin-bottom: 20px;
    font-size: 12px;
    padding: 0 15px
}
.team-member .mmb-desc {
    color: #888;
    padding: 0 15px
}
.team-member .separator {
    background: #e8e8e8;
    height: 1px;
    width: 100%;
    margin: 0 auto 20px;
    display: block
}
.team-member.text-center .separator {
    width: 80%
}
.team-member .mmb-social-list {
    overflow: hidden;
    margin: 0 auto;
    display: inline-block
}
.team-member .mmb-social-list li {
    display: inline-block;
    margin: 0 5px
}
.team-member .mmb-social-list a {
    color: #bababb;
    font-size: 17px;
    text-decoration: none
}
.team-member:hover .mmb-social-list a,
.team-member .mmb-social-list a:hover {
    color: #828282
}
.team-member.tm-hover:hover {
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}
.moss-slideshow.uh_zn_def_header_style.immersive-video {
    background-color: #ececec
}
.cd-overflow-hidden {
    height: 100vh
}
.cd-immersive-video {
    position: relative;
    height: 100vh;
    width: 100%;
    padding: 3em 5%;
    margin: 0 auto
}
@media only screen and (min-width: 800px) {
    .cd-immersive-video .intro-wrapper {
        display: table;
        width: 100%;
        height: 100%;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 1.5s, visibility 1.5s;
        transition: opacity 1.5s, visibility 1.5s
    }
    .cd-immersive-video.video-is-loaded .intro-wrapper {
        visibility: visible;
        opacity: 1
    }
}
@media only screen and (min-width: 1100px) {
    .cd-immersive-video {
        padding: 0 calc(50% - 510px)
    }
}
.cd-loader {
    display: none
}
@media only screen and (min-width: 800px) {
    .cd-loader {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        height: 32px;
        width: 32px;
        background: #ececec;
        -webkit-animation: cd-loading .8s infinite;
        animation: cd-loading .8s infinite;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }
    .cd-loader.no-animation {
        -webkit-animation: none;
        animation: none
    }
    .cd-loader.scale-down {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0.001);
        -ms-transform: translateY(-50%) translateX(-50%) scale(0.001);
        transform: translateY(-50%) translateX(-50%) scale(0.001)
    }
    .video-is-loaded .cd-loader {
        visibility: hidden;
        opacity: 0
    }
}
.cd-immersive-video .product-intro {
    text-align: center;
    margin-bottom: 3em;
    -webkit-animation: cd-item-move-up .5s .3s;
    animation: cd-item-move-up .5s .3s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}
.cd-immersive-video .product-intro h1 {
    font-size: 2.4rem;
    line-height: 1.2;
    color: #151515;
    margin-bottom: .4em;
    font-family: "Poppins", Helvetica, Arial, sans-serif
}
.cd-immersive-video .product-intro p {
    line-height: 1.4;
    margin: 1em 0 1.4em;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    line-height: 22px;
    margin-bottom: 30px
}
@media only screen and (min-width: 800px) {
    .cd-immersive-video .product-intro {
        display: table-cell;
        vertical-align: middle;
        -webkit-animation: none;
        animation: none;
        text-align: left
    }
    .cd-immersive-video .product-intro>div {
        width: calc(100% - 400px);
        max-width: 500px
    }
    .cd-immersive-video .product-intro h1 {
        font-size: 4rem
    }
    .cd-immersive-video .product-intro .item {
        opacity: 0
    }
    .cd-immersive-video .product-intro.animate-content .item {
        -webkit-animation: cd-item-slide-in .4s both;
        animation: cd-item-slide-in .4s both
    }
    .cd-immersive-video .product-intro.animate-content .item-1 {
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }
    .cd-immersive-video .product-intro.animate-content .item-2 {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }
    .cd-immersive-video .product-intro.animate-content .item-3 {
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }
    .no-cssanimations .cd-immersive-video .product-intro.animate-content .item {
        opacity: 1
    }
}
.cd-btn {
    display: inline-block;
    color: #fff;
    background: #2d60d5;
    padding: 1em 2em;
    box-shadow: 0 2px 10px rgba(45, 96, 213, 0.2);
    -webkit-transition: all .2s;
    transition: all .2s
}
.cd-btn:hover {
    box-shadow: 0 6px 30px rgba(45, 96, 213, 0.3);
    color: #fff
}
.cd-immersive-video .product-preview {
    position: relative;
    width: 340px;
    max-width: 90%;
    margin: 0 auto;
    -webkit-animation: cd-item-move-up .5s .5s;
    animation: cd-item-move-up .5s .5s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    overflow: hidden
}
.cd-immersive-video .product-preview .device-frame {
    position: relative;
    z-index: 1
}
.cd-immersive-video .product-preview .device-frame img {
    display: block;
    width: 100%
}
.cd-immersive-video .product-preview .product-image,
.cd-immersive-video .product-preview .product-video {
    position: absolute;
    top: 9.5%;
    left: 6%;
    width: 88%;
    height: 81%;
    box-shadow: 0 0 0 1px #212121
}
.cd-immersive-video .product-preview .product-image {
    z-index: 2;
    overflow: hidden;
    background: #212121
}
.cd-immersive-video .product-preview .product-image img {
    display: block;
    width: 100%
}
.cd-immersive-video .product-preview .product-video {
    display: none;
    z-index: 3
}
.no-cssanimations .cd-immersive-video .product-preview .product-video {
    visibility: hidden
}
@media only screen and (min-width: 800px) {
    .cd-immersive-video .product-preview {
        position: absolute;
        width: 300px;
        top: 40px;
        left: 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: transform;
        -webkit-transition: -webkit-transform .8s;
        transition: -webkit-transform .8s;
        transition: transform .8s;
        transition: transform .8s, -webkit-transform .8s;
        -webkit-transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
        transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
        -webkit-animation: none;
        animation: none
    }
    .cd-immersive-video .product-preview.no-transition {
        -webkit-transition: none;
        transition: none
    }
    .cd-immersive-video .product-preview.video-zoomed-out {
        -webkit-transition-duration: .4s;
        transition-duration: .4s
    }
    .cd-immersive-video .product-preview .product-video {
        display: block
    }
    .cd-immersive-video .product-preview .product-video.has-bg-color {
        background: #212121
    }
    .cd-immersive-video .product-preview .video-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        overflow: hidden
    }
    .cd-immersive-video .product-preview video {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        min-height: 100%;
        min-width: 100%;
        max-width: none;
        height: 100%;
        width: auto;
        background: #212121
    }
}
@-webkit-keyframes cd-item-move-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes cd-item-move-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes cd-item-slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes cd-item-slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@-webkit-keyframes cd-loading {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg)
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
        transform: translateX(-50%) translateY(-50%) rotate(360deg)
    }
}
@keyframes cd-loading {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg)
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
        transform: translateX(-50%) translateY(-50%) rotate(360deg)
    }
}
.homepage-hero-module {
    border-right: 0;
    border-left: none;
    position: relative
}
.no-video .video-container video,
.touch .video-container video {
    display: none
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block!important
}
.video-container {
    position: relative;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #212121
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%
}
.video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0
}
.video-container video.fillWidth {
    width: 100%
}
.ticker {
    position: relative;
    padding: 10px 10px;
    padding-left: 30px;
    background: #FFF;
    overflow: hidden
}
.ticker a {
    position: relative;
    top: 0;
    white-space: nowrap;
    width: auto;
    color: #333;
    text-decoration: none
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}
.col-xs-5ths {
    width: 20%;
    float: left
}
@media(min-width:768px) {
    .col-sm-5ths {
        width: 20%;
        float: left
    }
}
@media(min-width:992px) {
    .col-md-5ths {
        width: 20%;
        float: right
    }
}
@media(min-width:1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left
    }
}
.border-tlr-radius {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}
.text-center {
    text-align: center
}
.radius {
    border-radius: 2px
}
.padding-tb {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}
.shadowDepth0 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12)
}
.shadowDepth1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
}
.card {
    background-color: #fff;
    margin-bottom: 30px; 
    }
.card__padding {
    padding: 30px 30px 0 30px
}
.card__image {
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    overflow: hidden
}
.card__image img {
    width: 100%;
    max-width: 100%;
    display: block
}
.card__content {
    position: relative;
    float: right;
    text-align: right;
        width: 100%;
}
.card__article h2 {
    font-family: 'DroidKufi-Regular';
    font-size: 22px;
    line-height: 14px;
    font-weight: 400;
    font-style: normal
}
.card__article a {
    text-decoration: none;
    color: #b71c1c;
    transition: all .5s ease
}
.card__article a:hover {
    color: #b71c1c
}
.card__action {
    overflow: hidden;
    padding-left: 30px;
    padding-bottom: 30px;
    text-align: left;
}
.card__author img,
.card__author-content {
    display: inline-block;

    vertical-align: middle
}
.card__author img {
    border-radius: 50%;
    margin-right: .6em
}
.project-logo {
    float: left;
    position: relative;
    margin-top: -116px;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
    width: 115px;
    height: 115px;
    display: inline-block
}
.project-logo img {
    border-radius: 6px!important
}
.card__social {
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
    width: 160px;
    transform: translateZ(0);
    transform: translateX(0px);
    transition: transform .35s ease
}
.no-mt {
    margin-top: 0!important
}
.no-mb {
    margin-bottom: 0!important
}
.vert .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 26px;
    margin-top: -73px;
    outline: 0;
    width: 32px;
    height: 32px;
    color: rgba(0, 0, 0, 0)
}
.vert .bx-wrapper .bx-prev {
    left: 72%;
    background: url(images/controls.png) 0 -32px no-repeat;
    transform: rotate(270deg)
}
.vert .bx-wrapper .bx-next {
    transform: rotate(270deg);
    right : 18%
}
}
#main-menu {
    display: none
}
#_wpk-custom-bar .moss-top-header {
    display: block
}
#chaserMenuRow .logo-container {
    margin-top: 0
}
.stats-card {
    padding: 15px 30px;

    background-color: #fff;
    box-shadow: 0 0 5px #ccc;
    width: 100%;
    border-radius: 6px
}
.stats-value {
    font-size: 32px;
    font-family: 'DroidKufi-Bold'!important;
    text-align: center;
    color: #c92731;
    display: block
}
.stats-title {
    font-size: 16px;
    font-family: 'DroidKufi-Bold'!important;
    text-align: center
}
.stats {
    text-align: center
}
.percentage-title {
    float: right;
    padding: 0 10px 5px 10px;
    display: inline
}
.percentage {
    display: inline-block
}
.slide {
    margin-right: 30px
}
.percentage-value {
    float: left;
    padding: 0 10px 5px 10px;
    display: inline;
    font-size: 16px;
    color: #37bc9b!important
}
.news-card {
background-color: #fff;
width: 100%;
border-radius: 6px;
display: block;
text-align: right;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
height: 212px;
top: 0 !important;
margin-bottom: 30px;
position: relative;}

.news-thumb {
    float: right;
    margin-left: 15px;
        width: 212px;
    height: 212px;
}
.news-details {
    padding: 15px 0 15px 15px; 
	direction: rtl;
}
.news-details p {
    margin: 0!important
}
.read-more {
float: left;
bottom: 15px !important;
left: 15px !important;
position: absolute;
color: #b71c1c !important;}


.minister-word {
    background-image: url(../images/minister-word.jpg) no-repeat
}
#_wpk-custom-bar {
    float: left!important
}
.moss-top-header {
    float: left!important
}
#menu-main-menu {
    float: left!important;
    padding-top: 8px
}
.no-pad {
    padding: 0!important
}
.white {
    background-color: #fff!important
}
.grey {
    background-color: #eeeeef!important
}
.sector {
    box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
    background-color: #fff;
    border-radius: 6px
}
.sector img {
    margin: auto;
    position: relative;
    display: block
}
.horiz .bx-viewport {
    height: 225px!important
}
.horiz .slide {
    width: 100%;
  
    margin-right:0px; 
}
#header .logo-dark {
    display: none
}
#chaserMenuRow .logo-light {
    display: none
}
#_wpk-custom-bar {
    padding-left: 0!important
}
#wpk-main-menu {
    padding-left: 0!important
}
.btn-flat {
    background-color: transparent;
    position: relative;
    padding: 8px 30px;
    border: 0;
    margin: 10px;
    
    text-decoration: none;
    outline: none!important
}
.btn-flat:focus {
    background-color: transparent
}
.btn {
   
    position: relative;
    padding: 10px 22px;
    border: 0;
    margin: 10px 0;
    cursor: pointer;
    border-radius: 2px;
    font-family: 'DroidKufi-Regular' !important;
    text-decoration: none;
    outline: none!important;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out
}
.btn i,

.btn-flat i {
    font-size: 1.3rem;
    line-height: inherit
}
.btn-floating {
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 37px;
    height: 37px;
    line-height: 37px;
    padding: 0;
    background-color: #a6c;
    border-radius: 50%;
    transition: .3s;
    cursor: pointer;
    vertical-align: middle;
    margin: 10px
}
.btn-floating i {
    width: inherit;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 37px
}
.btn-floating:before {
    border-radius: 0
}
.btn-floating.btn-large {
    width: 55.5px;
    height: 55.5px
}
.btn-floating.btn-large i {
    line-height: 55.5px
}
button.btn-floating {
    border: 0
}
.btn .badge {
    margin-left: 7px
}
.btn-default {
    color: #fff;
    background-color: #2bbbad
}
.btn-default:hover,
.btn-default:focus {
    background-color: #30cfc0!important;
    color: #fff!important
}
.btn-primary {
    background-color: #4285f4
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: #5a95f5!important;
    color: #fff
}
.btn-success {
    background-color: #00c853
}
.btn-success:hover,
.btn-success:focus {
    background-color: #00e25e!important;
    color: #fff
}
.btn-info {
    background-color: #03a9f4
}
.btn-info:hover,
.btn-info:focus {
    background-color: #14b4fc!important;
    color: #fff
}
.btn-warning {
    background-color: #ff5722
}
.btn-warning:hover,
.btn-warning:focus {
    background-color: #ff6a3c!important;
    color: #fff
}
.btn-danger {
    background-color: #d32f2f
}
.btn-danger:hover,
.btn-danger:focus {
    background-color: #d74444!important;
    color: #fff
}
.btn-link {
    background-color: transparent;
    color: #000
}
.btn-link:hover {
    background-color: transparent
}
.btn-link:focus {
    background-color: transparent
}
.btn-xlg {
    padding: 18px 24px;
    font-size: 21px;
    line-height: 1.33333
}
.btn-lg {
    padding: 14px 20px;
    font-size: 18px;
    line-height: 1.33333
}
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    margin-left:15px;
}
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5
}
.z-depth-0 {
    box-shadow: none!important
}
.z-depth-1,
.btn,
.btn-floating {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12)
}
.z-depth-1-half,
.btn:hover,
.btn-floating:hover {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.18), 0 4px 8px 0 rgba(0, 0, 0, 0.15)
}
.z-depth-2 {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
.z-depth-3 {
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)
}
.z-depth-4 {
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21)
}
.z-depth-5 {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22)
}
.hoverable:hover {
    transition: box-shadow .25s;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    -ms-transition: all .7s ease-out;
    transition: all .7s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none
}
.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, 0.45)
}
.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, 0.7)
}
.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, 0.7)
}
.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, 0.7)
}
.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, 0.7)
}
.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, 0.7)
}
.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, 0.7)
}
.waves-notransition {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    -ms-transition: none!important;
    transition: none!important
}
.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%)
}
.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}
.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}
.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none
}
.waves-block {
    display: block
}
a.waves-effect .waves-ripple {
    z-index: -1
}
@media only screen and (max-width: 600px) {
    .center-on-small-only {
        text-align: center
    }
}
.no-margin {
    margin: 0;
    padding: 0
}
.space-30 {
    height: 30px
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none
}
.vertical-center {
    margin: 0;
    min-height: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}
.ms-cui-topBar2 img {
    max-width: none
}
.ms-cui-tabContainer img {
    max-width: none
}
.ms-addnew img {
    max-width: none
}



.date-picker {
  margin: 200px auto;
}

.date-picker {
  width: 260px;
  height: auto;
  max-height: 50px;
  background: white;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s 0s ease-in-out;
  transition: all 0.3s 0s ease-in-out;
}
.date-picker .input {
  width: 100%;
  height: 50px;
  font-size: 0;
  cursor: pointer;
}
.date-picker .input .result, .date-picker .input button {
  display: inline-block;
  vertical-align: top;
}
.date-picker .input .result {
  width: calc(100% - 50px);
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  padding: 0 10px;
  color: grey;
  box-sizing: border-box;
}
.date-picker .input button {
  width: 50px;
  height: 50px;
  background-color: #8392A7;
  color: white;
  line-height: 50px;
  border: 0;
  font-size: 18px;
  padding: 0;
}
.date-picker .input button:hover {
  background-color: #68768A;
}
.date-picker .input button:focus {
  outline: 0;
}
.date-picker .calendar {
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: 0px;
  overflow: hidden;
}
.date-picker .ui-datepicker-inline {
  position: relative;
  width: 100%;
}
.date-picker .ui-datepicker-header {
  height: 100%;
  line-height: 50px;
  background: #8392A7;
  color: #fff;
  margin-bottom: 10px;
}
.date-picker .ui-datepicker-prev, .date-picker .ui-datepicker-next {
  width: 20px;
  height: 20px;
  text-indent: 9999px;
  border: 2px solid #fff;
  border-radius: 100%;
  cursor: pointer;
  overflow: hidden;
  margin-top: 12px;
}
.date-picker .ui-datepicker-prev {
  float: left;
  margin-left: 12px;
}
.date-picker .ui-datepicker-prev:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin: -43px 0px 0px 8px;
}
.date-picker .ui-datepicker-next {
  float: right;
  margin-right: 12px;
}
.date-picker .ui-datepicker-next:after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  margin: -43px 0px 0px 6px;
}
.date-picker .ui-datepicker-prev:after, .date-picker .ui-datepicker-next:after {
  content: "";
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.date-picker .ui-datepicker-prev:hover, .date-picker .ui-datepicker-next:hover, .date-picker .ui-datepicker-prev:hover:after, .date-picker .ui-datepicker-next:hover:after {
  border-color: #68768A;
}
.date-picker .ui-datepicker-title {
  text-align: center;
}
.date-picker .ui-datepicker-calendar {
  width: 100%;
  text-align: center;
}
.date-picker .ui-datepicker-calendar thead tr th span {
  display: block;
  width: 100%;
  color: #8392A7;
  margin-bottom: 5px;
  font-size: 13px;
}
.date-picker .ui-state-default {
  display: block;
  text-decoration: none;
  color: #b5b5b5;
  line-height: 40px;
  font-size: 12px;
}
.date-picker .ui-state-default:hover {
  background: rgba(0, 0, 0, 0.02);
}
.date-picker .ui-state-highlight {
  color: #68768A;
}
.date-picker .ui-state-active {
  color: #68768A;
  background-color: rgba(131, 146, 167, 0.12);
  font-weight: 600;
}
.date-picker .ui-datepicker-unselectable .ui-state-default {
  color: #eee;
  border: 2px solid transparent;
}
.date-picker.open {
  max-height: 400px;
}
.date-picker.open .input button {
  background: #68768A;
}

.mmCard {
  
  border-radius: 3px;
  position: relative;
	margin-bottom: 30px;
	background-color: white;
	height: 340px;
}


.mmCardImg {
  
  border-radius: 3px;
  position: relative;
	
	background-color: white;
	height: 250px;
	
}

.mmCardVid {
  width: 100%;
  display: block;
  height: auto;
  max-height: 250px;
  border-radius: 3px 3px 0px 0px;
}

iframe.mmCardVid {
  height: 250px;
  border: 0;
}

#myiFrame{
    width: 100%;
    height: 1000px;
}

.mmCard h3 {
  text-align: center;
  display: block;
  font-size: 14px;
  color: #333333;
  
  margin: 10px 0;
	line-height: 30px;
 
}


.mmCardImg h3 {
  text-align: center;
  display: block;
  font-size: 14px;
  color: #333333;
  
  margin: 10px 0;
	line-height: 30px;
 
}

.mmCard h4{
	text-align: center;
	display: block;
	font-size: 16px;
	color: #333;
	
}


.mmCardImg h4{
	text-align: center;
	display: block;
	font-size: 16px;
	color: #333;
	direction: rtl;
	
}

.cardActionBar {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  border-radius: 0px 0px 3px 3px;
  padding: 2px;
  margin: 0;
}

.cardAction {
  color: #F63E37;
  background-color: #F2F1F1;
  text-decoration: none;
  cursor: pointer;
  font-size: 100%;
  border-radius: 3px;
  height: 100%;
  width: 30%;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  display: block;
  user-select: none;
  padding: 5px 0;
  margin-left: 2px;
}

.cardAction:hover {
  background-color: #E3EBF1;
  text-decoration: none;
}

.cardAction:active {
  color: 333333;
  animation-name: transition;
  animation-duration: .5s;
  background-color: #cccccc;
  text-decoration: none;
}

@-webkit-keyframes transition {
  0% {
    background-color: #cccccc;
    color: #333333;
  }
  50% {
    background-color: #7BB9E0;
    color: #000000;
  }
  100% {
    background-color: #cccccc;
    color: #333333;
  }
}

@keyframes transition {
  0% {
    background-color: #cccccc;
    color: #333333;
  }
  50% {
    background-color: #7BB9E0;
    color: #000000;
  }
  100% {
    background-color: #cccccc;
    color: #333333;
  }
}

.bBeige {
  background-color: Beige;
  color: #333333;
}


.shadow2s, .shadow2a{
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .15), 1px 1px 1px rgba(0, 0, 0, .5);
	transform: translate3d(0px, 0px, 2px);
	-webkit-transform: translate3d(0px, 0px, 2px);
	-moz-transform: translate3d(0px, 0px, 2px);
	-ms-transform: translate3d(0px, 0px, 2px);
}

.shadow4s, .shadow4a{
	box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, .15), 1px 2px 2px rgba(0, 0, 0, .5);
	transform: translate3d(0px, 0px, 4px);
	-webkit-transform: translate3d(0px, 0px, 2px);
	-moz-transform: translate3d(0px, 0px, 2px);
	-ms-transform: translate3d(0px, 0px, 2px);
}

.shadow6s, .shadow6a
.shadow2a:hover {
	box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, .15), 2px 3px 3px rgba(0, 0, 0, .5);
	transform: translate3d(0px, 0px, 6px);
	-webkit-transform: translate3d(0px, 0px, 2px);
	-moz-transform: translate3d(0px, 0px, 2px);
	-ms-transform: translate3d(0px, 0px, 2px);
}

.shadow8s, .shadow8a,
.shadow4a:hover {
	box-shadow: 0px 0px 13px 4px rgba(0, 0, 0, .15), 3px 4px 4px rgba(0, 0, 0, .5);
	transform: translate3d(0px, 0px, 8px);
	-webkit-transform: translate3d(0px, 0px, 2px);
	-moz-transform: translate3d(0px, 0px, 2px);
	-ms-transform: translate3d(0px, 0px, 2px);
}

.shadow6a:hover,
.shadow2a:active {
	box-shadow: 0px 0px 18px 6px rgba(0, 0, 0, .15), 3px 5px 5px rgba(0, 0, 0, .5);
	transform: translate3d(0px, 0px, 10px);
	-webkit-transform: translate3d(0px, 0px, 2px);
	-moz-transform: translate3d(0px, 0px, 2px);
	-ms-transform: translate3d(0px, 0px, 2px);
}

.shadow8a:hover,
.shadow4a:active {
	box-shadow: 0px 0px 22px 7px rgba(0, 0, 0, .15), 4px 6px 6px rgba(0, 0, 0, .5);
	transform: translate3d(0px, 0px, 12px);
	-webkit-transform: translate3d(0px, 0px, 2px);
	-moz-transform: translate3d(0px, 0px, 2px);
	-ms-transform: translate3d(0px, 0px, 2px);
}

.shadow6a:active {
	box-shadow: 0px 0px 27px 9px rgba(0, 0, 0, .15), 5px 7px 7px rgba(0, 0, 0, .5);
	transform: translate3d(0px, 0px, 14px);
	-webkit-transform: translate3d(0px, 0px, 2px);
	-moz-transform: translate3d(0px, 0px, 2px);
	-ms-transform: translate3d(0px, 0px, 2px);
}

.shadow8a:active {
	box-shadow: 0px 0px 32px 11px rgba(0, 0, 0, .15), 5px 8px 8px rgba(0, 0, 0, .5);
	transform: translate3d(0px, 0px, 16px);
	-webkit-transform: translate3d(0px, 0px, 2px);
	-moz-transform: translate3d(0px, 0px, 2px);
	-ms-transform: translate3d(0px, 0px, 2px);
}


.calendar-icon-position{
	position: absolute;
top: 12px;
left: 10px;
}


   .left-inner-addon {
	position: relative;
	

}


.h-40{
	height: 40px !important;
}



.hoverIcon {
  color: #fff;
  position: relative;
  float: left;
 
  min-width: 310px -60px;
  max-width: 310px;
  width: 100%;
  color: #ffffff;
  text-align: left;
  background-color: #000000;
  font-size: 16px;
}
.hoverIcon * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.hoverIcon img {
  max-width: 100%;
  vertical-align: top;
}
.hoverIcon i {
  position: absolute;
  top: 68px;
right: 108px;
 
  font-size: 48px;
  line-height: 1em;
  opacity: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.6, -0.8, 0.735, 0.045);
  transition: all 0.4s cubic-bezier(0.6, -0.8, 0.735, 0.045);
}
.hoverIcon a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  display: block;
}
.hoverIcon a:before,
.hoverIcon a:after {
  width: 1px;
  height: 0;
  background-color: #ffffff;
}
.hoverIcon a:before {
  right: 0;
  top: 0;
}
.hoverIcon a:after {
  left: 0;
  bottom: 0;
}
.hoverIcon:before,
.hoverIcon:after,
.hoverIcon a:before,
.hoverIcon a:after {
  position: absolute;
  content: '';
  background-color: #ffffff;
  z-index: 1;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0.8;
}
.hoverIcon:before,
.hoverIcon:after {
  height: 1px;
  width: 0%;
}
.hoverIcon:before {
  top: 0;
  left: 0;
}
.hoverIcon:after {
  bottom: 0;
  right: 0;
}
.hoverIcon:hover img,
.hoverIcon.hover img {
  opacity: 0.25;
}
.hoverIcon:hover a:before,
.hoverIcon.hover a:before,
.hoverIcon:hover a:after,
.hoverIcon.hover a:after {
  height: 100%;
}
.hoverIcon:hover i,
.hoverIcon.hover i {
 
  opacity: 0.7;
}
.hoverIcon:hover:before,
.hoverIcon.hover:before,
.hoverIcon:hover:after,
.hoverIcon.hover:after {
  width: 100%;
}
.hoverIcon:hover:before,
.hoverIcon.hover:before,
.hoverIcon:hover:after,
.hoverIcon.hover:after,
.hoverIcon:hover a:before,
.hoverIcon.hover a:before,
.hoverIcon:hover a:after,
.hoverIcon.hover a:after {
  opacity: 0.1;
}

.photo-details{
	display: inline-grid;
	width: 100%;
}

#s4-bodyContainer {
    padding-bottom: 0px !important;
}
#s4-workspace{
	height:auto !important;
	overflow:hidden !important;
}

.ecl-calendar tr:first-child td {
    background-color: #b71c1c!important;
    color: #fff !important;
    padding:3px 10px 3px 10px !important;}


table> .ecl-calendar> th{
	text-align:center !important;
}


#zz12_Menu_t{
	display:none;
}
.ecl-calendar {
    margin-bottom: 10px;
  
    width: 100%;
    
    background-color: #fff !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.ecl-calendar tr:first-child td{
	background-color: #b71c1c !important;}

 table.ecl-calendar:nth-child(2) tr:nth-child(2) th {
	text-align: center !important;
	font-size: 12px;
font-weight: normal;
padding-top: 5px;
}

table.ecl-calendar td{
	padding:2px !important;
}


.ecl-calendar table, .ecl-calendar tr:first-child{
	
	background-color: #b71c1c !important;
	padding-top: 10px !important;
}

.ecl-listing{
	height:auto;
}

.ecl-listing li {
    list-style-type: disc;
    margin-right: 14px !important;
    line-height: 24px !important;
}

.ecl-listing {
    margin-bottom: 5px !important;
    background-color: white !important;
    padding: 10px 10px !important;
    border-radius: 6px !important;
    box-shadow: 0 0 5px #ccc !important;
}


.ecl-calendar {
    margin-bottom: 10px;
    border-color:transparent !important;
    border-style:none !important;
    border-radius: 6px !important;
    width: 100%;
}

.ecl-listing h3{
	
	margin:3px !important;
	text-decoration:none !important;
	
}


.ecl-listing ul {
      margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-right: 20px !important;
}

button {
    min-width: auto !important;
    }
 /*-------*/
 .ms-webpart-zone,.ms-webpart-cell-vertical,.ms-webpart-chrome-vertical{
	display:inherit !important;
}



#NoResult ul>li {
	
	list-style: inside !important; 
	font-weight:bold !important;
	
}


#NoResult div {
	
	font-size:18px !important; 
	font-weight:bold !important; 
}


.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
    line-height: 1.4;
    color: #fff;
}
table.ecl-calendar td a{
	color: #b71c1c !important; 
}


.ecl-listing h3{
	color: #b71c1c !important; 

}

.ecl-day:hover, .ecl-event:hover, .ecl-today:hover, .ecl-weekend:hover, .ecl-other-month:hover{
	background-color: #F5F5F5 !important;
}


.ms-rtestate-field p, p.ms-rteElement-P {
    margin: 0px 0px 30px 0px;
    line-height: 1.6;
    font-size: 15px !important;
}

.group-type{
	
	display: inline-block;
text-align: right;
float: right;
	margin-bottom: 10px;
}


.fees {
	
	display: inline-block;

float: left;
direction: rtl;


font-weight: bold;
}


.group-type-grid{
	display: table;
	width: 300px;
	float: right;
}


.group-type-grid li{
	display: table-row;
	width: 300px;
	float: right;
}



.ms-srch-sbLarge-link{
	
	padding-top:7px !important;
}

td.ms-advsrchHeadingText{
	padding:25px !important;
	text-align:center;
	
}


td.ms-advsrchText-v2{
	padding-left:50px !important;
}


td.ms-advsrchText-v1 {
    padding-right: 50px;
    text-align: right;
    padding-left: 10px;

}

input.ms-advsrchText-v2box{
	
	height:23px !important;
	margin-bottom:10px !important;
}

td.ms-advsrchText-v2 input{
	margin-bottom:10px !important;
}


.ms-advsrchbutton {
    text-align: left;
    padding-left: 50px !important;
}


.ms-advsrchtips {
    padding-top: 25px;
    padding-bottom: 25px !important;
    text-align: center !important;
    }
    
.form-card{	
background-color: #fff;
margin-bottom: 30px;
padding: 30px;
}

.col-centered{
float:none; 
margin:0 auto; 
}


.h-270{
	
	height:270px !important;
	margin-bottom:30px !important;
}

.h-212{
	
	height:210px !important;
	margin-bottom:30px !important;

}






    .GridPager span {
        display: inline-block;
        padding: 0px 9px;
        
       
       
      
        font-size: 11px;
       
        text-decoration: none;
        color: #717171;
           }
           
           
           .GridPage span>span{
	background-color: #b71c1c;
    color: #fff;
    padding: 5px 12px;
    border-radius: 100%;
     font-size: 11px;
line-height: 18px;
}
           
     
    .GridPager a {
           background-color: #e8baba;
    color: #fff;
    
    padding: 5px 12px;
    border-radius: 100%; 
   
     font-size: 11px;
     line-height: 18px;

       }
       
       .GridPager a:hover{
	     background-color: #b71c1c;
    color: #fff;
    
    padding: 5px 12px;
    border-radius: 100%; 
    opacity:1;
     font-size: 11px;
line-height: 18px;

	
}


  .GridPager a:active{
	     background-color: #b71c1c;
    color: #fff;
    
    padding: 6px 12px;
    border-radius: 100%; 
    opacity:1;
     font-size: 11px;
line-height: 18px;

	
}

.GridPager {
	
	direction: ltr;
	
}

    .GridPager span {
              color: #2e2e2e;
           }

span[id$='_pager'] >span{
	     background-color: #b71c1c;
    color: #fff;
    
    padding: 6px 12px;
    border-radius: 100%; 
    opacity:1;
     font-size: 11px;
line-height: 18px;

}


.GridPager >span{
	    color: #fff;
    
    padding: 6px 12px;
    border-radius: 100%; 
    opacity:1;
     font-size: 11px;
line-height: 18px;

}





.ticker {
 
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: #555759;
    position: relative;
    padding: 6px 10px;
    padding-left: 30px;
    background: #FFF;
    overflow: hidden;
		border-radius: 6px 6px 6px 6px;
}



.ticker a {
    position: relative;
    top: 0;
    white-space: nowrap;
    width: auto;
    color: #333;
    text-decoration: none
}


.ticker__header {
     background-color: #B71C1C;
    color: #fff;
    font-size: 16px;
    height: 47px;
	top:0;
    width: 80px;
    position: absolute;
    float: right;
    right: 0px;
    z-index: 1;
   padding: 7px 7px;
	/*
   border-radius: 0px 6px 6px 0px;
	*/
}


.ticker__item__title {
color:rgb(83, 83, 83);
	font-weight: normal !important;
}
.ticker__item__title:after {
  color: white;
	font-weight: normal !important;
}

.ticker__item__source {

color: #B71C1C;
	font-weight: normal !important;
}

.tickercontainer { /* the outer div */
/*  margin: 0;
  padding: 0;
  overflow: hidden;*/
  padding-right: 70px;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
  position: relative;
  overflow: hidden;
  line-height: 40px;
}

ul.newsticker { /* that's your list */
  /*Transitions have been added in order set css3 transitions; and have linear easing. Changing these lines you might have unexpected results */
  -webkit-transition: all 0s linear;
  -moz-transition: all 0s linear;
  -o-transition: all 0s linear;
  transition: all 0s linear;
  position: relative;
  margin-left: 20px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ticker__item{text-align: right;direction: rtl; padding: 0 25px !important;


float: right;
padding-right: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
white-space: nowrap;
direction: rtl;
font-family: 'DroidKufi-Regular';
font-size: 14px;
}
ul.newsticker li {
  float: left; /* important: display inline gives incorrect results when you check for elem's width */
  margin: 0;
  padding-right: 15px;
	color: #fff;
}


.ticker {
    position: relative;
    padding: 6px 10px;
    padding-left: 30px;
    background: #FFF;
    overflow: hidden;
		border-radius: 6px 6px 6px 6px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.ticker a {
    position: relative;
    top: 0;
    white-space: nowrap;
    width: auto;
    color: #333;
    text-decoration: none
}




.sitemap ul li {
  line-height: 25px;
  vertical-align:baseline;
  position: relative;
	
	text-align: right;
	list-style:none;
}


.sitemap ul li h4 a{
	color:#b71c1c;
}
.sitemap ul li a {
  text-decoration: none;
 color: #212121;
  display: inline-block;
}
.sitemap ul ul {
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}
.sitemap ul ul li {
  position: relative;
  list-style:none;
}
.sitemap ul ul li::before {
  content: "";
  display: inline-block;
  width: 3rem;
  height: 100%;
  border-right: 1px #212121 solid;
  position: absolute;
  top: -0.75rem;
}
.sitemap ul ul li::before {
  content: "";
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
  border-bottom: 1px #212121 solid;
  position: absolute;
  top: 0;
	right: 0;
}
.sitemap ul ul li a {
  margin-right: 3.75rem;
}


.sitemap ul ul li a:hover {
color:#b71c1c;
  
}

ol.organizational-chart h1{
	font-size: 24px;
line-height: 18px;
	margin-top: 8px;
margin-bottom: 8px;
color:#fff;
}


ol.organizational-chart h1 a{
	font-size: 24px;
line-height: 18px;
	margin-top: 8px;
margin-bottom: 8px;
color:#fff;
}




ol.organizational-chart h2{
	font-size: 15px;
line-height: 18px;
	margin-top: 8px;
margin-bottom: 8px;
color:#fff;
}


ol.organizational-chart h2 a{
	font-size: 15px;
line-height: 18px;
	margin-top: 8px;
margin-bottom: 8px;
color:#fff;
}


ol.organizational-chart h3{
	font-size: 14px;
line-height: 18px;
	margin-top: 8px;
margin-bottom: 8px;
color:#fff;
}


ol.organizational-chart h3 a{
	font-size: 14px;
line-height: 18px;
	margin-top: 8px;
margin-bottom: 8px;
color:#fff;
}



ol.organizational-chart h4{
	font-size: 14px;
line-height: 18px;
	margin-top: 8px;
margin-bottom: 8px;
}


ol.organizational-chart h4 a{
	font-size: 14px;
line-height: 18px;
	margin-top: 8px;
margin-bottom: 8px;
}






ol.organizational-chart,
ol.organizational-chart ol,
ol.organizational-chart li,
ol.organizational-chart li > div {
    position: relative;
}

ol.organizational-chart,
ol.organizational-chart ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.organizational-chart {
    text-align: center;
}

ol.organizational-chart ol {
    padding-top: 1em;
}

ol.organizational-chart ol:before,
ol.organizational-chart ol:after,
ol.organizational-chart li:before,
ol.organizational-chart li:after,
ol.organizational-chart > li > div:before,
ol.organizational-chart > li > div:after {
    background-color: #9E9E9E;
    content: '';
    position: absolute;
}

ol.organizational-chart ol > li {
    padding: 1em 0 0 1em;
}

ol.organizational-chart > li ol:before {
    height: 1em;
    left: 50%;
    top: 0;
    width: 3px;
}

ol.organizational-chart > li ol:after {
    height: 3px;
    left: 3px;
    top: 1em;
    width: 50%;
}

ol.organizational-chart > li ol > li:not(:last-of-type):before {
    height: 3px;
    left: 0;
    top: 2em;
    width: 1em;
}

ol.organizational-chart > li ol > li:not(:last-of-type):after {
    height: 100%;
    left: 0;
    top: 0;
    width: 3px;
}

ol.organizational-chart > li ol > li:last-of-type:before {
    height: 3px;
    left: 0;
    top: 2em;
    width: 1em;
}

ol.organizational-chart > li ol > li:last-of-type:after {
    height: 2em;
    left: 0;
    top: 0;
    width: 3px;
}

ol.organizational-chart li > div {
    background-color: #fff;
    border-radius: 3px;
    min-height: 2em;
    padding: 0.5em;
}

/*** PRIMARY ***/
ol.organizational-chart > li > div {
    background-color: #212121;
    margin-right: 1em;
	color: #fff;
	
}

ol.organizational-chart > li > div:before {
    bottom: 2em;
    height: 3px;
    right: -1em;
    width: 1em;
}

ol.organizational-chart > li > div:first-of-type:after {
    bottom: 0;
    height: 2em;
    right: -1em;
    width: 3px;
}

ol.organizational-chart > li > div + div {
    margin-top: 1em;
}

ol.organizational-chart > li > div + div:after {
    height: calc(100% + 1em);
    right: -1em;
    top: -1em;
    width: 3px;
}

/*** SECONDARY ***/
ol.organizational-chart > li > ol:before {
    left: inherit;
    right: 0;
}

ol.organizational-chart > li > ol:after {
    left: 0;
    width: 100%;
}

ol.organizational-chart > li > ol > li > div {
    background-color: #B71C1C;
color: white;
}


ol.organizational-chart > li > ol > li > div.sector{
	
	box-shadow: none;
}

ol.organizational-chart > li > ol > li > div.central {
    background-color: #ba9a3a;
    color: #fff;
    }
    
    ol.organizational-chart > li > ol > li > ol > li > div.general{
	
	background-color: #E0E0E0;
}



/*** TERTIARY ***/
ol.organizational-chart > li > ol > li > ol > li > div {
   background-color: #ba9a3a;
color: #fff;
}



ol.organizational-chart > li > ol > div {
       background-color: #ba9a3a;
    color: #fff;}


/*** TERTIARY ***/
ol.organizational-chart > li > ol > li > ol > li > div {
   background-color: #ba9a3a;
color: #fff;
}

/*** QUATERNARY ***/
ol.organizational-chart > li > ol > li > ol > li > ol > li > div {
    background-color: #E0E0E0;
}

/*** QUINARY ***/
ol.organizational-chart > li > ol > li > ol > li > ol > li > ol > li > div {
    background-color: #F5F5F5;
}


@media only screen and ( min-width: 64em ) {

    ol.organizational-chart {
        margin-left: -1em;
        margin-right: -1em;
    }

    /* PRIMARY */
    ol.organizational-chart > li > div {
        display: inline-block;
        float: none;
        margin: 0 1em 1em 1em;
        vertical-align: bottom;
    }

    ol.organizational-chart > li > div:only-of-type {
        margin-bottom: 0;
      /*  width: calc((100% / 1) - 2em - 4px); */
		
		width: 50%
    }

    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2),
    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2) ~ div {
        width: calc((100% / 2) - 2em - 4px);
    }

    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3),
    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3) ~ div {
        width: calc((100% / 3) - 2em - 4px);
    }

    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4),
    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4) ~ div {
        width: calc((100% / 4) - 2em - 4px);
    }

    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5),
    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5) ~ div {
        width: calc((100% / 5) - 2em - 4px);
    }

    ol.organizational-chart > li > div:before,
    ol.organizational-chart > li > div:after {
        bottom: -1em!important;
        top: inherit!important;
    }

    ol.organizational-chart > li > div:before {
        height: 1em!important;
        right: 50%!important;
        width: 3px!important;
    }

    ol.organizational-chart > li > div:only-of-type:after {
        display: none;
    }

    ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after,
    ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
        bottom: -1em;
        height: 3px;
        width: calc(50% + 1em + 3px);
    }

    ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after {
        left: calc(50% + 3px);
    }

    ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
        left: calc(-1em - 3px);
    }

    ol.organizational-chart > li > div + div:not(:last-of-type):after {
        height: 3px;
        left: -2em;
        width: calc(100% + 4em);
    }

    /* SECONDARY */
    ol.organizational-chart > li > ol {
        display: flex;
        flex-wrap: nowrap;
    }

    ol.organizational-chart > li > ol:before,
    ol.organizational-chart > li > ol > li:before {
        height: 1em!important;
        right: 50%!important;
        top: 0!important;
        width: 3px!important;
    }

    ol.organizational-chart > li > ol:after {
        display: none;
    }

    ol.organizational-chart > li > ol > li {
        flex-grow: 1;
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 1em;
    }

    ol.organizational-chart > li > ol > li:only-of-type {
        padding-top: 0;
    }

    ol.organizational-chart > li > ol > li:only-of-type:before,
    ol.organizational-chart > li > ol > li:only-of-type:after {
        display: none;
    }

    ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after,
    ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
        height: 3px;
        top: 0;
        width: 50%;
    }

    ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after {
        right: 50%;
    }

    ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
        right: 0;
    }

    ol.organizational-chart > li > ol > li + li:not(:last-of-type):after {
        height: 3px;
        left: 0;
        top: 0;
        width: 100%;
    }

}


.fx-height {
    height: 392px;
}

.card__article {
    min-height: 117px;
}


.program-details-logo {
    float: left;
    position: relative;
    margin-top: -70px;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
    width: 115px;
    height: 115px;
    display: inline-block;
}


.panel-title a {
    display: block;
}


.p-30{
	padding: 30px !important
		
}

.m-0{margin: 0px !important;}


form.web-service{
	direction: rtl !important;
text-align: right;
font-family: 'DroidKufi-Regular' !important;
}



form.web-service .form-control{
	 padding: 2px 3px;
}


.content {
    padding: 15px;
    text-align: right;
    direction: rtl;
}

.img-details {
    padding: 10px;
    word-wrap: break-word;
    display: flow-root;
    background-color: #fff;
    height: 90px;
    }


.btnreset, .btnsearch{
	color: #333333;
background-color: #ffffff;
border-color: #cccccc;
text-shadow: none;
padding: 7px 20px;

box-shadow: none;
font-size: 13px;

border-style: solid;
border-radius: 3px;
-webkit-transition: background-color .15s ease-out;
transition: background-color .15s ease-out;
font-family: 'DroidKufi-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;

}

input[type="button"], input[type="reset"], input[type="submit"]{
	color: #ffffff !important;
background-color: #b71c1c !important;
border: 0 !important;
text-shadow: none !important;

padding: 7px 20px !important;


box-shadow: none !important;

font-size: 13px !important;

border-style: solid !important;

border-radius: 3px !important;

box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12) !important;

-webkit-transition: background-color .15s ease-out !important;

transition: background-color .15s ease-out !important;

font-family: 'DroidKufi-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif !important;

}




input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.18), 0 4px 8px 0 rgba(0, 0, 0, 0.15) !important;
}








ul.hg_mega_container li ul{
	box-shadow:none !important;
}



		
	.album-details {
    padding: 25px;
    word-wrap: break-word;
    display: flow-root;
    background-color: #fff;
}



	 .panel-heading .accordion-toggle:after {
       font-family: 'Glyphicons Halflings' !important;  
    content: "\e114"  !important;    
    float: left   !important;       
    color: grey  !important;         
}
 .panel-heading .accordion-toggle.collapsed:after {
       content: "\e080"  !important;   }


 .org-details{
	font-size: 14px !important;
}


.org-details td:nth-child(1){
	
	font-weight: bold !important;
	    width: 120px;
	
	
}


input[type="submit][*id='_BtnSave']{

background-color: #b71c1c !important;
color: #fff !important;
}


input[type="submit"].btnreset, input[type="submit"].btnsearch {
	
	color: #b71c1c;

margin-top: 0px !important;
padding: 9px 22px;
background-color: white;
margin-left: 5px;
border: none !important;
font-size:13px;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12) !important;
}


input[type="submit"]:hover{
	
	    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.18), 0 4px 8px 0 rgba(0, 0, 0, 0.15) !important;

}



@media  (max-width: 767px){
	.site-header .topnav {
    margin-right: -15px !important;
    margin-left: -15px !important;
}


.topnav > li {
    padding: 0 4px !important;
       margin-bottom: 7px !important;
}

}



/*new edits*/

.iosSlider .slide-item-bg{
	background-position: cover !important;
	background-position: center center !important;
}

@media all and (max-width: 801px) and (min-width: 599px){
	.moss-bg-source:not(:empty), .moss-bg-source__overlay, .moss-bg-source__bgimage {
    top: 0 !important;
    border-radius: 0 !important;	
}
}


.iosSlider .slide-item-bg{
	background-size: 1349px 594px !important;
}