body.modal-open {margin-right:0px !important;
}


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

.navbar-brand img
{
width:170px !important;
}

}

.MarginBottom18 {    margin-bottom: 18px;
}
.FieldHeight {
height: 58px !important;
}
.FieldHeight50 {
height: 58px !important;
}
.FieldHeight55 {
height: 58px !important;
}
.FieldHeight58 {
height: 58px !important;
}
.FieldHeight60 {
height: 58px !important;
}
.TeacherCaption {
    text-align: center;
    color: #fff!important;
    z-index: 2;
    border-radius: 4px
}
.TeacherTitle {
    font-size: 13px
}
.TeacherDesignation {
    line-height: 1.3;
    margin-bottom: 13px;
    font-size: 13px !important;
 text-align: left;
}
.TeacherPopupHeading {
    line-height: .6;
    margin-bottom: 14px
}

.btnTeachers {
    float: left;
    margin-bottom: 5px !important;
        margin-right: 5px;
}

.TeacherCaption {
    text-align: center;
    color: #fff !important;
    z-index: 2;
    border-radius: 4px;
}
.TeacherTitle {font-size:13px; }

.TeacherDesignation {
    line-height: 1.3;
    margin-bottom: 13px;
    font-size: 13px;
    text-align: left
}
.TeacherPopupHeading {line-height: 0.6;
    margin-bottom: 14px;
}




.tp-banner-container {
    width: 100%;
    position: relative;
    padding: 0;
}

address {
    font-size: 15px;
    color: #525252;
}

.mt10 { margin-top: 10px; }

.TestimonialsIconWrapper {
    background: #F18733; position: relative; padding: 12px; float: left; margin-right: 10px; margin-top: 4px; margin-bottom: 20px;
}
.TestimonialsIcon {
   color: #FFF !important; float: left; border: 2px solid #FFF !important; margin: 0px !important; width: 33px !important; height: 33px !important; line-height: 30px !important;
}

.FBEventsTitle  {
    margin-top:5px  !important;
      margin-bottom:10px;
}

.FBEventsTitle a {
    font-size:19px !important;
  }

.panel-primary .panel-title > a.collapsed {
    color: #A14580 !important;
}
.panel-primary .panel-title > a {
    color: #A14580 !important;
   }
.panel-primary .panel-title > a span.cs:after {
    color: #A14580 !important;
}
.panel-title > a span.cs:after {
 
    font-family: 'Ubuntu' !important;
    font-weight: 300 !important;
   
    margin-right: 10px !important;
}


ul.SideMenu {
    list-style-type: none;
}

    ul.SideMenu li {
    border-bottom: 1px solid #EAEAEA;
    padding: 5px 0px 5px 0px;
    }
     ul.SideMenu li:last-child {
      border-bottom:0px solid black;
    }

.FooterEmail a:focus {
    color: #c4c9cd !important;
    text-decoration: underline;
}

.MenuArrow:after {
    font-family: 'FontAwesome';
    content: '\f0da';
    float: right;
    color: #24A6BE;
    position: absolute;
    right: 6px;
    top: 8px;
}



.AgeMainWrapper {
    float: left;
    border: 1px solid #24A6BE;
    white-space: wrap;
    min-height: 115px;
    width: 100%;
}

.AgeMainWrapperHeader {
    float: left;
    width: 100%;
    background-color: #24A6BE;
    color: #FFF;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 2px;
}

.gsc-selected-option-container {
    max-width:65px !important;
        min-width: 65px !important;
}
/*AM22 - To make google search box appear correct - START*/

table.gsc-search-box td {
    vertical-align: top !important;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button 
{
  box-sizing: content-box;
  line-height: normal;

}
.gsc-search-button {
   
    margin-top: 0px !important;
}

/*AM22 - To make google search box appear correct - END*/

/*AM22 - To make google search results tabs appear correct - START*/
.gsc-tabsArea div 
{
  /*By default, Google custom search CSS sets it as AUTO, which shows scroll bars*/
  overflow: visible; 
}
/*AM22 - To make google search results tabs appear correct - END*/

.StudentReportTitle {
    text-transform:capitalize !important;color:#F18733  !important; font-weight:400  !important;
}

.gs-webResult .gs-snippet {
    margin-left:8px;
}

.gsst_b {
    margin-top:2px !important;
}
.AddSiblingsDetail {

width:100%;border-collapse:collapse;
}

.CommunityLogothumb {
  margin-bottom: 20px;
}

.CustomHR {margin-bottom:40px;border-top: 1px solid #E0E0E0; }

#StudentReporter .modal-dialog  {width:900px;}

#TestimonialsVideos .modal-dialog  {width:900px;}

.DownloadMaxHeight {
    width: 100%; overflow: auto; max-height: 500px;
}


.AgeCalulationWrapper {
    text-align: center; background: #FFEFD0; padding: 3px 0px;margin-bottom: 3px;
}


.AgeCalcEligibilityBox {
      color: #333; border: 1px solid #52C0E6 !important; line-height: 20px !important;
}

select {
    line-height: 33px !important;
}

.InlineOrderList ul
{
    display:inline-block;list-style-type: none;padding: 0;margin: auto 0;
}

.InlineOrderList li
{
    display: inline-block;list-style:none;padding:8px 5px 8px 5px;font-size: 15px;
}

.HeadingPrintPreview
{  width: 100%;float: left;margin-bottom: 15px;margin-top: 5px;font-size: 17px;font-weight: 400;
}

::-webkit-input-placeholder {
    color:    #999 !important;font-style:italic !important;
    
}
:-moz-placeholder {
    color:    #999 !important;font-style:italic !important;
     
}
::-moz-placeholder {
    color:    #999 !important; font-style:italic !important;
}
:-ms-input-placeholder {
    color:    #999 !important;font-style:italic !important;
     
}

.PayPalLoadingMainDiv
{width:100%; margin:0 auto;margin-top: 100px;}

.PayPalLoadingLogo {
width:566px; margin:0 auto;}

.PayPalLoadingInnerDivBox
{
width:566px; margin:0 auto;}

.PayPalLoadingInnerDivBoxContainer
{
margin-top: 15px; background: #F3F3F3; border: 1px solid #d9d9d9;text-align: center; padding: 20px; font-family: verdana;}
      
.smGlobalBtn{ /* global button class */
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 35px;
    height: 35px;
   
    padding: 0px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    line-height: 2em;
    border-radius: 25px;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
}

.facebookBtn{
    background: #4060A5;
}

.facebookBtn:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f09a"; /* add facebook icon */
}

.facebookBtn:hover{
    color: #4060A5 !important;
    background: #fff;
}

.facebookBtn a {
    color:white;
}

/* twitter button class*/
.twitterBtn{
    background: #00ABE3;
}

.twitterBtn:before{
      font-family: "FontAwesome";
      content: "\f099"; /* add twitter icon */
}

.twitterBtn a {
    color:white;
}

.twitterBtn:hover{
      color: #00ABE3 !important;
      background: #fff;
}

.youtubeBtn{
    background: #DF2826;
}

.youtubeBtn:before{
      font-family: "FontAwesome";
      content: "\f167"; /* add twitter icon */
}

.youtubeBtn a{
      color:white;
}

.youtubeBtn:hover{
      color: #DF2826 !important;
      background: #fff;
}


.PinterestBtn{
    background: #DF2826;
}

.PinterestBtn:before{
      font-family: "FontAwesome";
      content: "\f0d2"; /* add twitter icon */
}

.PinterestBtn a {
    color:white;
}

.PinterestBtn:hover{
      color: #DF2826 !important;
      background: #fff;
}

.linkedinBtn{
    background: #0085AF;
}

.linkedinBtn:before{
      font-family: "FontAwesome";
      content: "\f0e1"; 
}

.linkedinBtn a {
    color:white;
}


.linkedinBtn:hover{
      color: #0085AF !important;
      background: #fff;
}


.InstagramBtn {
    background: #905C46;
}

.InstagramBtn:before{
      font-family: "FontAwesome";
      content: "\f16d"; /* add twitter icon */
}

.InstagramBtn a {
    color:white;
}


.InstagramBtn:hover{
      color: #905C46;
      background: #fff;
}


.WhatsAppBtn {
    background: #29B200;
}

.WhatsAppBtn:before{
      font-family: "FontAwesome";
      content: "\f232"; /* add Whats App icon */
}

.WhatsAppBtn a{
      color:white;
}

.WhatsAppBtn:hover{
      color: #29B200;
      background: #fff;
}

.BlogBtn {
    background: #FF9334;
}

.BlogBtn:before{
      font-family: "FontAwesome";
      content: "\f15a"; /* add Whats App icon */
}

.BlogBtn a {
    color:white;
}


.BlogBtn:hover{
      color: #FF9334;
      background: #fff;
}
         

.btn-Cancel {
  background: #AC3435;color: #FFF !important;
}

.btn-Disabled {
  background: #808080;color: #FFF !important;
}

.btn-Save {
  background: #46AB35;color: #FFF !important;
}

.HiddenDivBg {
      background: #FCFFE2;
}

.fluid-width-video-wrapper {
padding-top:60% !important;
}

.OurSchoolThumnails {
    margin:0 auto; width:576px
}

.OurschoolBottomSpace {
    margin-bottom:40px;
    }

.FormRefreshIcon {
      font-size: 15px !important;margin-lefT: 4px;color: #E87616;
}

.PictureGalleryTitle {
    top: 15%; position: absolute; width:100%;color: white;font-weight: bold;font-size: 16px;
}

div#containerVT {
  height: 500px; min-height: 500px; max-width: 100%;margin: 0 auto;
}

div#tourDIV {
				height:100%;position:relative;overflow:hidden;
			}

div#pano {
	height:100%;position:relative;overflow:hidden;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;
	}


.SchoolPicturethumb {
	margin-bottom: 30px;
}

.PDFIconRed {
    font-size: 20px !important; color: red;
}

#player {
    width: 348px;height: 340px; overflow: hidden;background: #F5F5F5;position: relative;
/*    border: solid 1px gray;*/
}

.youtube .carousel {
    width: 20%; height: 100%;overflow: auto;position: absolute;right: -2px; z-index: 3;
}

.youtube .thumbnails {
    margin: 2px;width: 92%; cursor:pointer;/*border: 1px solid black;  */
}

.youtube iframe.player {
    width: 80%;height: 340px;overflow: auto;border: 0;
}

.FooterEmail {
    color:#C4C9CD;
}
.FooterEmail a {
    color:#C4C9CD;
}

.FooterEmail a:hover {
    color:#FF4B6F;
}


.Hoverthumbnail {
    position:relative;
    overflow:hidden;
}
 
.caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(36, 166, 190, 0.95);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
    border-radius: 4px;
}

.label {

font-size: 100% !important;

}



.ValidationErrLandingPage {
color: #FFF;
font-size: 15px !important;
margin-left: 5px;
margin-top: 24px;
}


.AgeCalcEligibilityBox {
    line-height: 22px; padding-top: 2px; padding-bottom: 2px;
}

.FooterCopyright {
  font-size: 12px;
  text-align: center;
  color: white;
  padding-top: 10px;
    border-top: 1px dotted #4D4D4D;
}

.FooterCopyright li a {
    color:white; 
    
    }
.FooterCopyright  li a:hover {
   color: #FFCA06;

    text-decoration:underline;
    }

.PopupupButton {
    margin-bottom: 0px;
}

.MainBannerWidth {
    float: left;
width: 100%;
}

.BannerNoDisplay {display:none !important;
}
.BannerDisplay {display:inherit;
}

.FontBold {
    font-weight:bold;
}
.RelativeLink {
    border-bottom: 1px solid #EAEAEA;
padding: 5px 0px 5px 0px;
}

iframe img {
    max-width: 100%;
}

.tab-content {

padding: 0px 0px 0 0 !important;
}
.MapHeight {
    height:500px;
}

.alert {
   
    margin-top: 0px !important;
}
.NewsFeedMainPanel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.NewsFeedMainHeading {
    color: #4E4E4E;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px 15px;
    border-bottom: 1px solid rgb(221, 221, 221);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 15px;
    }

.NewsFeedFooter {
    padding: 4px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #F2F2F2;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid rgb(221, 221, 221);
}
.page_navigation , .alt_page_navigation{
	padding-bottom: 10px;
    padding-top: 20px;
}

.TextAlignVariable {
    text-align:right;
}

.page_navigation a, .alt_page_navigation a{
	padding:3px 5px;
	margin:2px;
	color:white !important;
	text-decoration:none !important;
	float: left;
	font-size: 14px;
	background-color:#24A6BE ;
}
#paging_container .active_page{
	background-color:Gray;
	color:white ;
}	


#paging_container .no_more{
    background-color: white !important;
    color: gray !important;
    cursor: default !important;
}

#paging_container-3 .active_page{
	background-color:Gray;
	color:white ;
}	


#paging_container-3 .no_more{
    background-color: white !important;
    color: gray !important;
    cursor: default !important;
}

#paging_container-91 .active_page{
	background-color:Gray;
	color:white ;
}	


#paging_container-91 .no_more{
    background-color: white !important;
    color: gray !important;
    cursor: default !important;
}

/*#paging_container-schfrm .active_page{
	background-color:Gray;
	color:white ;
}	


#paging_container-schfrm .no_more{
    background-color: white !important;
    color: gray !important;
    cursor: default !important;
}*/

.disablebuttonsSignIn
{
    margin: 0px 0px;
    display: inline-block;
    outline: none;
    text-align: center;
    text-decoration: none;
    font: 13px/100% arial, verdana, helvetica; /*	padding: .5em 2em .55em; */
   padding: .5em 1.3em .55em !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
 
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.disablegreen1
{
    cursor: default;
    color: #ffffff;
    border: solid 1px gray;
    background: #808080;
    background: -webkit-gradient(linear, left top, left bottom, from(gray), to(gray));
    background: -moz-linear-gradient(top,  gray,  gray);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='gray', endColorstr='gray');
    background: -ms-linear-gradient(top, #808080 0%,#808080 100%);
}

a.disablegreen1:hover
{
    color: #ffffff;
}
.news-item
{
    padding:4px 4px;
    margin:0px;
    border-bottom:1px solid #EAEAEA;
    color: #595959;
}

#likebox-frame{
 width: 100%;
height: 295px;
overflow: hidden;
position: relative;
margin-left: 8.5px;
margin-top: -20px;
}

#likebox-frame iframe{
  overflow:hidden;
  position:relative;
  left:-5px;
  top:-1px;
  border:0px !important;
  border-color:white !important;
}

#likebox-frame1 {
width: 100%;
height: 688px;
overflow: hidden;
position: relative;

}

#likebox-frame1 iframe{
left: -2px;
overflow: hidden;
position: relative;
top: -1px;
/* right: -14px; */
width: 100.4% !important;
}
._4s7c {
 border: 0px solid #aaa !important; 
border-top-color: white !important;
}

.GreenColor {
    color: rgb(0, 173, 0);
}

.CustomLineHeight {
    line-height: 1.7em;
}
.control-box {
    text-align: right;
    width: 100%;
    }
.carousel-control {
background:rgba(0, 0, 0, 0.74);
border: 0px;
border-radius: 0px;
display: inline-block;
font-size: 24px;
font-weight: 200;
/* line-height: 18px; 
opacity: 0.5;*/
/* padding: 4px 10px 0px; */
position: absolute;
/* height: 30px; */
width: 36px;
top:35%;
  webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.SmallFonts {
    font-size:12px;
}


#feedback { 

position: absolute;
z-index:3000;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    right: -79px;
    top: 420px;
border-top: 0px;
border-bottom: 0px;
}

#feedback a { 


display: block;
background: #F18733;
min-width:50px;
padding: 5px 12px;
color: #FFF;
font-family: 'Ubuntu', Arial, sans-serif;
font-size: 15px;
font-weight: 300;
text-decoration: none;

}

#feedback a:hover { 
  background: #f39e5b; 
}




#feedback1 { 

z-index:50;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
right: 202px;
top: 90px;
border: 1px solid #D8D8D8;
border-top: 0px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

#feedback1 a { 

display: block;
background: #F18733;

min-width: 176px;
padding: 5px 12px;
color: #FFF;
font-family: 'Ubuntu', Arial, sans-serif;
font-size: 15px;
font-weight: 300;
text-decoration: none;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

#feedback1 a:hover { 
  background: #f39e5b; 
}

#ContactUsDesktop { 

z-index: 20;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
right: 98px;
top: 90px;
border: 1px solid #D8D8D8;
border-top: 0px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

#ContactUsDesktop a { 

display: block;
background: #24A6BE;
min-width: 50px;
padding: 5px 12px;
color: #FFF;
font-family: 'Ubuntu', Arial, sans-serif;
font-size: 15px;
font-weight: 300;
text-decoration: none;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

#ContactUsDesktop a:hover { 
  background: #1795AD; 
}


#ContactUsMobile { 

position: absolute;
z-index:3000;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    right: -38px;
    top: 571px;
border-top: 0px;
border-bottom: 0px;
}

#ContactUsMobile a { 

display: block;
background: #24A6BE;
min-width: 80px;
padding: 3px 16px;
color: #FFF;
font-family: 'Ubuntu', Arial, sans-serif;
font-size: 15px;
font-weight: 300;
text-decoration: none;

}

#ContactUsMobile a:hover { 
  background: #1795AD; 
}




.hrDisplay {
    display:none;
}
#WidgetLauncher {width:220px !important;
    }


label {
margin-right: 16px;
  margin-left: 6px;
}

#wizHeader li .prevStep {background-color: #5BAF4F; }
#wizHeader li .prevStep:after {  border-left-color: #5BAF4F !important;}
#wizHeader li .currentStep {background-color: #F18733;}
#wizHeader li .currentStep:after {border-left-color: #F18733  !important; }
#wizHeader li .nextStep {background-color: #C2C2C2;}
#wizHeader li .nextStep:after {border-left-color: #C2C2C2 !important;}
#wizHeader { list-style: none; overflow: hidden;font-size: 18px; font-family: 'Ubuntu', Arial, Sans-Serif; margin: 0px; padding: 0px;margin-bottom:15px;}
#wizHeader li {float: left;margin-bottom: 2px; }
#wizHeader li a {color: white; text-decoration: none; /*padding: 10px 0 10px 18px;*/ padding:10px 12px 10px 23px; background: brown; /* fallback color */ background: hsla(34,85%,35%,1);
                    position: relative;
                    display: block;
                    float: left;
                }

#wizHeader li a:after {
                        content: " ";
                        display: block;
                        width: 0;
                        height: 0;
                        border-top: 23px solid transparent;
                        border-bottom: 23px solid transparent;
                        border-left: 12px solid hsla(34,85%,35%,1);
                        position: absolute;
                        top: 39%;
                        margin-top: -18px;
                        left: 100%;
                        z-index: 2;
                    }

#wizHeader li a:before {
                        content: " ";
                        display: block;
                        width: 0;
                        height: 0;
                        border-top: 23px solid transparent;
                        border-bottom: 23px solid transparent;
                        border-left: 12px solid white;
                        position: absolute;
                        top: 39%;
                        margin-top: -18px;
                        margin-left: 1px;
                        left: 100%;
                        z-index: 1;
                    }

#wizHeader li:first-child a {padding-left: 10px;}
/*#wizHeader li:last-child {padding-right: 50px;}*/
                    
                

span label {
    margin-top:13px;
}
.back-to-top {
			position: fixed;
			bottom: 5.7em;
			right: 20px;
			text-decoration: none;
			color: #000000;
			background-color: rgba(135, 135, 135, 0.50);
			font-size:6px;
			padding: 1em;
			display: none;
            z-index:2;
            -webkit-box-shadow: 0px 0px 2px 0px #3D3D3D;
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 2px 0px #3D3D3D;
		}

.back-to-top:hover {	
background-color: rgba(135, 135, 135, 0.50);
		}	

.RequiredField {
    color:red;
      margin-left: 2px;
}
.FormHeader {
background: rgb(232, 232, 232);
padding: 8px;
font-size: 15px;
font-weight: 400;
margin: 10px 0px 16px 0px;
text-align: left;
}

.RadioFields {
margin-top: 2px;
margin-bottom: 8px;
font-weight: 300;
font-family: 'Roboto';
width: 100%;
height: 30px;
padding: 6px 10px;
font-size: 14px;
line-height: 17px;
color: #595959;
vertical-align: middle;
background-color: transparent;
/* border: 1px solid #e0e0e0; */
outline: none;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.DivOverflow {
    overflow-y:auto;
    overflow-x:hidden;
    min-height:70px;
    max-height:455px;
    padding-right: 4px;
    padding-left: 4px;
}

.topMargin5 {
    margin-top:5px;
}

.topMargin {margin-top:10px;
}
.topMargin15 {margin-top:15px;
}
.bottomMargin {
    margin-bottom: 15px;
}

.RightSpacing5 {
    margin-right: 5px;
}

.LeftSpacing5 {
    margin-left: 5px;
}


.RightMargin15 {
    margin-right:15px;
}

.FloatRight {
    float:right;
}

.FloatLeft {
    float:left;
}

.MarginBottom10 {
    margin-bottom:10px;
}

.MarginBottom5 {
    margin-bottom:5px;
}

.leftSpaceRemover {
    padding: 0px 20px 0px 0px !important;
}
.PaddingRight {
    padding-right: 5px !important;
}

.NoPadding {
    padding:0px !important;
}


.PaddingTop5px {padding-top: 5px !important;
}

.NoRightPadding {
    padding-right: 0px !important;
}

.NoShow {
    display:none;
}

ul.Numbers {
    list-style-type: decimal;
}

    ul.Numbers li {
        font-family: 'Ubuntu';
        font-weight: 300;
        font-size: 15px;
        line-height: 1.6em;
        margin-bottom: 5px;
        margin-left: 28px;
        padding-left: 10px;
        width: 100%;
        padding-right: 30px;
        color: #424242;
    }

ul.icon { padding-left:20px;  list-style-type: none;margin-left:20px; margin-right:10px;font-size: 15px;}
ul.icon li { margin-bottom:10px;    font-family: 'Ubuntu';font-weight: 300; line-height: 1.6em; color: #525252;width: 100%;}      
ul.icon li:before { font-family: 'FontAwesome';content: '\f0a9'; margin:0 10px 0 -25px;  color: #24A6BE;}

ul.icon li ul.icon li {margin-top:10px;font-family: 'Ubuntu';font-weight: 300; line-height: 1.6em; color: #525252;width: 100%;}
ul.icon li ul.icon li:before {font-family: 'FontAwesome';content: '\f18e'; margin:0 10px 0 -28px;}





/*ul.icon {
    list-style-type: none;
}

ul.icon li {
        text-indent: -1.7em;
        font-family: 'Roboto';
        font-weight: 300;
        font-size: 15px;
        line-height: 1.6em;
        margin-bottom: 5px;
        margin-left: 28px;
        padding-left: 10px;
        width: 100%;
        padding-right: 30px;
        color: #424242;
        padding-right: 30px;
    }

ul.icon li:before {
            font-family: FontAwesome;
            content: "\f18e";
            width: 1.4em;
            color: #9acbed;
            margin-right: 3px;
            padding-right: 8px;
        }*/


  ul.iconSub {
    list-style-type: none;
    
}



    ul.iconSub li {
        text-indent: -1.7em;
        font-family: 'Roboto';
        font-weight: 300;
        font-size: 15px;
        line-height: 1.6em;
        margin-bottom: 5px;
        margin-left: 28px;
        padding-left: 10px;
        width: 95%;
        padding-right: 30px;
        color: #424242;
        padding-right: 30px;
    }

  ul.iconSub li:before {
            font-family: FontAwesome;
            content: "\f18e";
            width: 1.4em;
            color: #9acbed;
            margin-right: 3px;
            padding-right: 8px;
        }




.TextAlignRight {
    text-align:right;
}

.TeamPicture {
    float: right;
    padding: 6px;
    vertical-align: top;
    margin-left: 8px;
}

.HideFooter {
    display: inherit;
}

    .HideFooter li a {
        color: #C4C9CD;
    }

        .HideFooter li a:hover {
            color: #FFCA06;
        }

.MenuLeftImages {
    width: 329px;
    height: 295px;
}

.GoodSchool {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #292D85;
}

.AlignCenter {
    text-align: center;
}
.AlignLeft {
    text-align: left;
}

.margin-right {
    margin-right: 10px;
}

.VideoDimensions {
    width: 100%;
    height: 400px;
}
.VLEVideoDimensions {
    width: 100%;
    height: 300px;
}

.VLEPopFontsBold {
    font-size:22px; font-weight:400;
}
.VLEFontSize27 {
    font-size:22px; 
}
/*.VLEAPPIcon {
    width:120px;
    
    
}*/

#testText {
    position: absolute;
    font-size: 45px;
    line-height: 45px;
    color: #FFF;
    width: 400px;
    height: 70px;
    top: 55%;
    left: 47%;
    margin-top: -58px;
    margin-left: -6%;
    text-shadow: #030303 4px 4px 4px;
}

.FooterMenusHeading {
    font-size: 16px;
    color: #FFF;
    margin-bottom: 8px;
    font-weight: 400;
    text-shadow: 1px 2px 2px #000;
}

.FooterMenusHeading a {
        text-decoration: none;
        color: white;
    }

    .FooterMenusHeading a:hover {
          text-decoration: none;
        color: white;
    }





::-webkit-selection {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
}

::-moz-selection {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
}

.bdb {
    border-bottom: 1px solid #e8e8e8;
    background: #fff;
}

.container-m-tb-small {
   /* margin: 50px auto;*/
   margin: 46px auto 10px auto;
}

.container-m-tb-large {
    /*margin: 50px auto;*/
    margin: 10px auto 20px auto;
}

.container-full-page-element-minus-mt {
  /* margin-top: -30px;*/
} 

.container-full-page-element-minus-m-tb {
    margin-top: -30px;
    margin-bottom: -30px;
}

div.mt-element-title {
    margin-top: 75px;
    margin-bottom: 50px;
}

nav.menu-icons-list {
    text-align: center;
}

    nav.menu-icons-list li {
        display: inline-block;
        margin: 0 5px 15px 5px;
    }

.mb {
    margin-bottom: 75px;
}

.mt {
    margin-top: 75px;
}

.no-mt {
    margin-top: 0 !important;
}

.no-mb {
    margin-bottom: 0 !important;
}

body {
    background: url('../img/wood-bg.jpg');
}

    body > .nicescroll-rails {
        background: #fff !important;
    }

html.boxed .scroller {
    max-width: 1230px;
    margin: 0 auto;
    position: relative;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    overflow: hidden;
}

html.boxed .menu-container {
    max-width: 1228px;
}

html.boxed .stiky-widgets {
    background: rgba(0, 0, 0, 0.1);
}

html.boxed .sticky-content-sub-menu:after {
    display: none;
}

html.boxed .owl .portfolio-columns-container {
    margin-left: 2.5px;
}

.additional-information {
    float: left;
}

    .additional-information ul {
        float: left;
        border-right: 1px solid #e8e8e8;
    }

        .additional-information ul li {
            padding-top: 11px;
            padding-bottom: 11px;
            padding-right: 20px;
            float: left;
        }

            .additional-information ul li span {
                font-weight: 300;
                color: #7f7f7f;
                padding-left: 5px;
                font-size: 12px;
            }

    .additional-information i {
        color: #b2b2b2;
        border-color: #b2b2b2;
    }

        .additional-information i:before {
            border-radius: 50%;
            border: 1px solid #b2b2b2;
            font-size: 12px;
            padding: 4px 0px;
            width: 23px;
            height: 23px;
            display: block;
            line-height: 15px;
            text-align: center;
        }

.social {
    float: right;
}

    .social ul {
        float: right;
        padding-left: 15px;
    }

        .social ul li {
            padding-top: 11px;
            padding-bottom: 11px;
            padding-right: 4px;
            float: left;
        }

    .social i {
        color: #b2b2b2;
        border-color: #b2b2b2;
    }

        .social i:before {
            border-radius: 50%;
            border: 1px solid #b2b2b2;
            font-size: 12px;
            padding: 4px 0px;
            width: 23px;
            height: 23px;
            display: block;
            line-height: 15px;
            text-align: center;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .social i:hover {
            color: #62c6f8;
        }

            .social i:hover:before {
                border: 1px solid #62c6f8;
            }

.cart-contents-container {
    padding-top: 11px;
    position: absolute;
    right: 0;
    z-index: 150;
    display: none;
}

    .cart-contents-container .cart-contents {
        width: 180px;
        border: 1px solid #D1D1D1;
        background: #fff;
        text-align: left;
    }

        .cart-contents-container .cart-contents .cart-content {
            padding: 15px 15px 0 15px;
        }

            .cart-contents-container .cart-contents .cart-content img {
                max-width: 36px;
                float: left;
                margin-bottom: 15px;
            }

            .cart-contents-container .cart-contents .cart-content .cart-desc {
                float: left;
                padding-left: 15px;
                font-size: 12px;
                color: #333;
                font-weight: 300;
                margin-bottom: 15px;
            }

                .cart-contents-container .cart-contents .cart-content .cart-desc .cart-title {
                    display: block;
                }

                .cart-contents-container .cart-contents .cart-content .cart-desc .product-quantity {
                    display: block;
                }

        .cart-contents-container .cart-contents .cart-checkout {
            text-align: center;
            padding: 10px;
            background: #F5F5F5;
        }

            .cart-contents-container .cart-contents .cart-checkout > div {
                display: inline-block;
            }

            .cart-contents-container .cart-contents .cart-checkout .cart-link {
                font-size: 12px;
                margin-right: 10px;
            }

                .cart-contents-container .cart-contents .cart-checkout .cart-link a {
                    color: #333;
                    font-weight: 400;
                    margin-left: 5px;
                }

                .cart-contents-container .cart-contents .cart-checkout .cart-link:before {
                    font-family: 'FontAwesome';
                    content: "\f07a";
                    -webkit-transition: all 0.2s linear;
                    -moz-transition: all 0.2s linear;
                    -o-transition: all 0.2s linear;
                    -ms-transition: all 0.2s linear;
                    transition: all 0.2s linear;
                }

                .cart-contents-container .cart-contents .cart-checkout .cart-link:hover {
                    color: #62c6f8;
                }

                    .cart-contents-container .cart-contents .cart-checkout .cart-link:hover a {
                        color: #62c6f8;
                    }

            .cart-contents-container .cart-contents .cart-checkout .checkout-link {
                font-size: 12px;
            }

                .cart-contents-container .cart-contents .cart-checkout .checkout-link a {
                    color: #333;
                    font-weight: 400;
                    margin-left: 5px;
                }

                .cart-contents-container .cart-contents .cart-checkout .checkout-link:before {
                    font-family: 'FontAwesome';
                    content: "\f046";
                    -webkit-transition: all 0.2s linear;
                    -moz-transition: all 0.2s linear;
                    -o-transition: all 0.2s linear;
                    -ms-transition: all 0.2s linear;
                    transition: all 0.2s linear;
                }

                .cart-contents-container .cart-contents .cart-checkout .checkout-link:hover {
                    color: #62c6f8;
                }

                    .cart-contents-container .cart-contents .cart-checkout .checkout-link:hover a {
                        color: #62c6f8;
                    }

.user-useful {
    float: right;
}

    .user-useful ul {
        float: right;
        margin-left: 10px;
        border-left: 1px solid #e8e8e8;
    }

        .user-useful ul li {
            position: relative;
            padding-top: 11px;
            padding-bottom: 11px;
            padding-right: 10px;
            float: left;
        }

            .user-useful ul li:last-child {
                padding-right: 0;
            }

            .user-useful ul li:first-child {
                padding-left: 15px;
            }

    .user-useful i {
        color: #b2b2b2;
        border-color: #b2b2b2;
        cursor: pointer;
    }

        .user-useful i:before {
            border-radius: 50%;
            border: 1px solid #b2b2b2;
            font-size: 12px;
            padding: 4px 0px;
            width: 23px;
            height: 23px;
            display: block;
            line-height: 15px;
            text-align: center;
        }

        .user-useful i:hover:before {
            color: #62c6f8;
            border-color: #62c6f8;
        }

.number-cart {
    padding: 1px 6px;
    border-radius: 15px;
    position: absolute;
    top: 5px;
    left: 25px;
    color: #fff;
    z-index: 10;
    font-size: 12px;
    background: #ec5d95;
}

.main-nav-search-form {
    position: absolute;
    display: none;
    width: 235px;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 15;
}

    .main-nav-search-form input {
        margin-top: 8px;
        margin-bottom: 7px;
        margin-left: 10px;
    }

.menu-container {
    background: #fff;
    position: relative;
    z-index: 50;
    width: 100%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.left-logo-menu {
    text-transform: uppercase;
    font-size: 20px;
    color: #575757;
    border-right: 1px solid #e8e8e8;
    width:200px;
}

    .left-logo-menu img {
        display: block;
        float: left;
        margin-right: 15px;
        margin-top: 10px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .left-logo-menu h1 {
        font-size: 18px;
        float: left;
        margin: 0;
        line-height: 96px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

.menu {
    float: right;
}

    .menu ul > li {
        position: relative;
        z-index: 100;
        float: left;
        margin-top: 1px;
        -webkit-perspective: 200px;
        -moz-perspective: 200px;
        perspective: 200px;
            text-align: left;
    }

        .menu ul > li > a {
            height: 87px;
            -webkit-perspective: 200px;
            -moz-perspective: 200px;
            perspective: 200px;
        }

        .menu ul > li a {
            -webkit-perspective: 200px;
            -moz-perspective: 200px;
            perspective: 200px;
            display: block;
        }

            .menu ul > li a figure {
               /*padding: 22.5px 16.5px 22.5px 0;*/ 
                   padding: 22.5px 14.5px 22.5px 0;
                -webkit-perspective: 200px;
                -moz-perspective: 200px;
                perspective: 200px;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }

                .menu ul > li a figure figcaption {
                    float: left;
                }

                    .menu ul > li a figure figcaption h1 {
                        font-family: 'Ubuntu';
                        font-weight: 400;
                        text-transform: uppercase;
                        font-size: 14px;
                        margin-bottom: 0;
                     /*  margin-top: 20px;*/ 
                     margin-top: 16px;
                        color: #5E5E5E;
                    }

                    .menu ul > li a figure figcaption h2 {
                        color: #939393;
                        font-family: 'Roboto';
                        font-weight: 400;
                        margin: 0;
                        font-size: 12px;
                    }

        .menu ul > li:hover {
            margin-top: 0;
            border-top: 1px solid #6fc9f6;
        }

            .menu ul > li:hover.block-effect-left .icon-menu {
                -webkit-transform: rotateY(-40deg);
                -moz-transform: rotateY(-40deg);
                transform: rotateY(-40deg);
            }

                .menu ul > li:hover.block-effect-left .icon-menu span {
                    right: -14px;
                    -webkit-transform: rotateY(55deg);
                    -moz-transform: rotateY(55deg);
                    transform: rotateY(55deg);
                }

            .menu ul > li:hover.block-effect-right .icon-menu {
                -webkit-transform: rotateY(65deg);
                -moz-transform: rotateY(65deg);
                transform: rotateY(65deg);
            }

                .menu ul > li:hover.block-effect-right .icon-menu span {
                    left: -14px;
                    -webkit-transform: rotateY(-55deg);
                    -moz-transform: rotateY(-55deg);
                    transform: rotateY(-55deg);
                }

        .menu ul > li ul {
            z-index: 10;
            display: none;
            position: absolute;
            overflow: inherit !important;
            width: 100%;
            border: 1px solid #e2e2e2;
            border-top: 3px solid #71cbf8;
            background: rgba(255, 255, 255, 0.95);
             min-width:170px;
            -webkit-box-shadow: 10px 10px 5px -7px rgba(0,0,0,0.45);
            -moz-box-shadow: 10px 10px 5px -7px rgba(0,0,0,0.45);
            box-shadow: 10px 10px 5px -7px rgba(0,0,0,0.45);
        }

            .menu ul > li ul li {
                float: none;
                border: none;
                margin-top: 0;
            }

                .menu ul > li ul li:hover {
                    border: none;
                }

                .menu ul > li ul li a {
                    height: auto;
                    display: block;
                    border-bottom: 1px solid #e2e2e2;
                    padding: 10px 8px;
                    font-weight: 400;
                    font-size: 13px;
                    color: #595959;
                  
                }

                    .menu ul > li ul li a:hover {
                        color: #6fc9f6;
                    }

                .menu ul > li ul li:last-child > a {
                    border-bottom: none;
                }

                .menu ul > li ul li ul {
                    margin-left: 100%;
                    position: absolute;
                    top: -1px;
                }

li .icon-menu {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
   margin-right: 3px;

    float: left;
  /*  padding: 10px;*/
    padding:6px;
    background: #e8e8e8;
    position: relative;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

    li .icon-menu i {
        width: 30px;
        height: 30px;
        display: block;
        color: #fff;
        border: 2px solid #fff;
        text-align: center;
        line-height: 27px;
        border-radius: 50%;
        font-size: 14px;
    }

    li .icon-menu span {
        position: absolute;
        top: 0;
        width: 20px;
        height: 96%;
        right: -10px;
       /* top: 2%;*/
       top: 4%;
        -webkit-transform: rotateY(83deg);
        -moz-transform: rotateY(83deg);
        transform: rotateY(83deg);
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

li.block-effect-right .icon-menu {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

    li.block-effect-right .icon-menu span {
        left: -10px;
        -webkit-transform: rotateY(-83deg);
        -moz-transform: rotateY(-83deg);
        transform: rotateY(-83deg);
    }

.metro-menu nav.menu > ul {
    overflow: hidden;
}

    .metro-menu nav.menu > ul > li {
        position: relative;
        z-index: 5;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
        -webkit-transform: translateX(950px);
        -moz-transform: translateX(950px);
        -o-transform: translateX(950px);
        -ms-transform: translateX(950px);
        transform: translateX(950px);
        border-top: 0;
        margin-top: 0;
    }

        .metro-menu nav.menu > ul > li > a {
            min-height: 116.85px;
            min-width: 116.85px;
            display: block;
            padding: 10px 7px;
        }

            .metro-menu nav.menu > ul > li > a figure {
                padding: 0;
                text-align: center;
            }

                .metro-menu nav.menu > ul > li > a figure figcaption {
                    display: block;
                    width: 100%;
                }

                    .metro-menu nav.menu > ul > li > a figure figcaption span {
                        float: left;
                        color: #fff;
                        font-size: 10px;
                        font-weight: 500;
                        font-family: 'Ubuntu';
                        line-height: 10px;
                        text-transform: uppercase;
                    }

                    .metro-menu nav.menu > ul > li > a figure figcaption i {
                        float: right;
                        color: #fff;
                        font-size: 9px;
                        margin-left: 10px;
                        -webkit-transition: all 0.2s linear;
                        -moz-transition: all 0.2s linear;
                        -o-transition: all 0.2s linear;
                        -ms-transition: all 0.2s linear;
                        transition: all 0.2s linear;
                    }

                .metro-menu nav.menu > ul > li > a figure > i {
                    display: inline-block;
                    font-size: 37px;
                    color: #fff;
                    margin-top: 24px;
                    text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.12), -2px 2px 1px rgba(0, 0, 0, 0.0592), -3px 3px 1px rgba(0, 0, 0, 0.0388), -4px 4px 1px rgba(0, 0, 0, 0.028399999999999998), -5px 5px 1px rgba(0, 0, 0, 0.022400000000000003), -6px 6px 1px rgba(0, 0, 0, 0.0184), -7px 7px 1px rgba(0, 0, 0, 0.015600000000000001), -8px 8px 1px rgba(0, 0, 0, 0.0132), -9px 9px 1px rgba(0, 0, 0, 0.0116), -10px 10px 1px rgba(0, 0, 0, 0.0104), -11px 11px 1px rgba(0, 0, 0, 0.0092), -12px 12px 1px rgba(0, 0, 0, 0.008), -13px 13px 1px rgba(0, 0, 0, 0.0072), -14px 14px 1px rgba(0, 0, 0, 0.0068000000000000005), -15px 15px 1px rgba(0, 0, 0, 0.006), -16px 16px 1px rgba(0, 0, 0, 0.005600000000000001), -17px 17px 1px rgba(0, 0, 0, 0.0052), -18px 18px 1px rgba(0, 0, 0, 0.0048), -19px 19px 1px rgba(0, 0, 0, 0.0044), -20px 20px 1px rgba(0, 0, 0, 0.004), -21px 21px 1px rgba(0, 0, 0, 0.004), -22px 22px 1px rgba(0, 0, 0, 0.0036), -23px 23px 1px rgba(0, 0, 0, 0.0032), -24px 24px 1px rgba(0, 0, 0, 0.0032), -25px 25px 1px rgba(0, 0, 0, 0.0028000000000000004), -26px 26px 1px rgba(0, 0, 0, 0.0028000000000000004), -27px 27px 1px rgba(0, 0, 0, 0.0024), -28px 28px 1px rgba(0, 0, 0, 0.0024), -29px 29px 1px rgba(0, 0, 0, 0.0024), -30px 30px 1px rgba(0, 0, 0, 0.002), -31px 31px 1px rgba(0, 0, 0, 0.002), -32px 32px 1px rgba(0, 0, 0, 0.002), -33px 33px 1px rgba(0, 0, 0, 0.0016), -34px 34px 1px rgba(0, 0, 0, 0.0016), -35px 35px 1px rgba(0, 0, 0, 0.0016), -36px 36px 1px rgba(0, 0, 0, 0.0012), -37px 37px 1px rgba(0, 0, 0, 0.0012), -38px 38px 1px rgba(0, 0, 0, 0.0012), -39px 39px 1px rgba(0, 0, 0, 0.0012), -40px 40px 1px rgba(0, 0, 0, 0.0012), -41px 41px 1px rgba(0, 0, 0, 0.0008), -42px 42px 1px rgba(0, 0, 0, 0.0008), -43px 43px 1px rgba(0, 0, 0, 0.0008), -44px 44px 1px rgba(0, 0, 0, 0.0008), -45px 45px 1px rgba(0, 0, 0, 0.0008), -46px 46px 1px rgba(0, 0, 0, 0.0008), -47px 47px 1px rgba(0, 0, 0, 0.0004), -48px 48px 1px rgba(0, 0, 0, 0.0004), -49px 49px 1px rgba(0, 0, 0, 0.0004), -50px 50px 1px rgba(0, 0, 0, 0.0004), -51px 51px 1px rgba(0, 0, 0, 0.0004), -52px 52px 1px rgba(0, 0, 0, 0.0004), -53px 53px 1px rgba(0, 0, 0, 0.0004), -54px 54px 1px rgba(0, 0, 0, 0.0004), -55px 55px 1px rgba(0, 0, 0, 0.0004), -56px 56px 1px rgba(0, 0, 0, 0), -57px 57px 1px rgba(0, 0, 0, 0), -58px 58px 1px rgba(0, 0, 0, 0), -59px 59px 1px rgba(0, 0, 0, 0), -60px 60px 1px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0,0,0,0.075);
                }

        .metro-menu nav.menu > ul > li ul {
            min-width: 180px;
            border: none;
            border: 1px solid #e2e2e2;
            border-left: 0;
            border-top: 0;
        }

            .metro-menu nav.menu > ul > li ul li {
                margin-top: 0;
                border: none;
                border-left: 3px solid transparent;
            }

                .metro-menu nav.menu > ul > li ul li a {
                    border: none;
                }

                    .metro-menu nav.menu > ul > li ul li a i {
                        float: right;
                        font-size: 12px;
                        line-height: 18px;
                        color: #D5D5D5;
                    }

                .metro-menu nav.menu > ul > li ul li:hover > a {
                    color: #fff;
                }

                    .metro-menu nav.menu > ul > li ul li:hover > a i {
                        color: #fff;
                    }

            .metro-menu nav.menu > ul > li ul ul {
                top: -1px;
                border-top: 1px solid #e2e2e2;
            }

    .metro-menu nav.menu > ul.show-metro-menu {
        overflow: inherit;
    }

        .metro-menu nav.menu > ul.show-metro-menu > li {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -o-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

.metro-menu .left-logo-menu {
    border-right: 0;
}

    .metro-menu .left-logo-menu img {
        margin-top: 33px;
    }

    .metro-menu .left-logo-menu h1 {
        line-height: 117px;
    }

.metro-menu.affix-menu {
    z-index: 50;
    position: fixed;
    top: 0;
}

    .metro-menu.affix-menu nav.menu > ul > li > a {
        min-height: 100px;
        min-width: 100px;
    }

    .metro-menu.affix-menu .left-logo-menu h1 {
        line-height: 100px;
    }

    .metro-menu.affix-menu .left-logo-menu img {
        margin-top: 22px;
    }

    .metro-menu.affix-menu .metro-menu-show-hidden {
        height: 100px;
        width: 100px;
    }

        .metro-menu.affix-menu .metro-menu-show-hidden footer {
            margin-top: 35px;
        }

    .metro-menu.affix-menu nav.menu > ul > li > a figure > i {
        margin-top: 16px;
    }

.metro-menu-show-hidden {
    cursor: pointer;
    float: right;
    display: block;
    height: 116.85px;
    width: 116.85px;
    background: #f4f4f4;
    text-align: center;
    padding: 10px 7px;
    position: relative;
    z-index: 100;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    .metro-menu-show-hidden header {
        width: 100%;
        display: block;
    }

        .metro-menu-show-hidden header i {
            float: left;
            font-size: 9px;
            color: #757575;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .metro-menu-show-hidden header p {
            float: right;
            text-transform: uppercase;
            font-size: 10px;
            color: #757575;
            font-family: 'Ubuntu';
            font-weight: 500;
            line-height: 10px;
            margin-bottom: 0;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

    .metro-menu-show-hidden footer {
        height: 25px;
        cursor: pointer;
        display: inline-block;
        margin-top: 45px;
    }

        .metro-menu-show-hidden footer span {
            top: 50%;
            width: 30px;
            left: 0;
            display: block;
            height: 4px;
            margin-top: -2px;
            background-color: #757575;
            font-size: 0px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

            .metro-menu-show-hidden footer span:after,
            .metro-menu-show-hidden footer span:before {
                left: 0;
                width: 30px;
                height: 4px;
                background: #757575;
                content: '';
                display: block;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }

            .metro-menu-show-hidden footer span:after {
                -webkit-transform: translateY(8px);
                -moz-transform: translateY(8px);
                -o-transform: translateY(8px);
                -ms-transform: translateY(8px);
                transform: translateY(8px);
            }

            .metro-menu-show-hidden footer span:before {
                -webkit-transform: translateY(-12px);
                -moz-transform: translateY(-12px);
                -o-transform: translateY(-12px);
                -ms-transform: translateY(-12px);
                transform: translateY(-12px);
            }

    .metro-menu-show-hidden.menu-show {
        background: #535353;
    }

        .metro-menu-show-hidden.menu-show header i,
        .metro-menu-show-hidden.menu-show header p {
            color: #fff;
        }

        .metro-menu-show-hidden.menu-show footer span {
            background: transparent;
        }

            .metro-menu-show-hidden.menu-show footer span:before {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                background: #fff;
            }

            .metro-menu-show-hidden.menu-show footer span:after {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                background: #fff;
                margin-top: -4px;
            }

.menu-type-03 .left-logo-menu {
    border: none;
}

    .menu-type-03 .left-logo-menu h1 {
        color: #fff;
    }

.menu-type-03 a > i.fa-bars {
    color: #fff;
}

.menu-type-03 ul > li a figure figcaption h1 {
    color: #fff;
}

.menu-type-03 ul > li a figure figcaption h2 {
    color: #fff;
}

.menu-type-03 ul > li .icon-menu {
    background: #fff !important;
}

    .menu-type-03 ul > li .icon-menu span {
        background: #BBBEBC !important;
    }

.menu-type-03 ul > li.orange .icon-menu i {
    color: #f68e56;
    border-color: #f68e56;
}

.menu-type-03 ul > li.blue .icon-menu i {
    color: #cd5be5;
    border-color: #cd5be5;
}

.menu-type-03 ul > li.light-green .icon-menu i {
    color: #62b7c4;
    border-color: #62b7c4;
}

.menu-type-03 ul > li.pink .icon-menu i {
    color: #ec5d95;
    border-color: #ec5d95;
}

.menu-type-03 ul > li.dark-blue .icon-menu i {
    color: #675296;
    border-color: #675296;
}

.menu-type-03 ul > li.green .icon-menu i {
    color: #43d788;
    border-color: #43d788;
}

.menu-type-03.affix-menu {
    z-index: 50;
    position: fixed;
    top: 0;
    border-bottom: 1px solid #e8e8e8;
}

    .menu-type-03.affix-menu .menu > ul > li > a {
        height: 60px;
    }

    .menu-type-03.affix-menu .menu ul > li a figure {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .menu-type-03.affix-menu .left-logo-menu img {
        margin-top: 5px;
    }

    .menu-type-03.affix-menu .left-logo-menu h1 {
        line-height: 61px;
    }

.menu-type-04 {
    overflow: hidden;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding-top: 0;
  /*height: 95px;*/  
  height:90px;

    z-index: 50;
    position: fixed;
    top: 0;
}

    .menu-type-04 .left-logo-menu {
        border-right: none;
    }

    .menu-type-04 nav.menu ul li {
        border-top: none;
        margin-top: 0;
    }

        .menu-type-04 nav.menu ul li a figure {
            padding-top: 0;
        }

            .menu-type-04 nav.menu ul li a figure .icon-menu,
            .menu-type-04 nav.menu ul li a figure figcaption {
                margin-top: 22.5px;
                -webkit-transition: all 0.08s linear;
                -moz-transition: all 0.08s linear;
                -o-transition: all 0.08s linear;
                -ms-transition: all 0.08s linear;
                transition: all 0.08s linear;
            }

        .menu-type-04 nav.menu ul li a.sticky-a-active figure .icon-menu {
            margin-top: 0;
            padding-top: 32.5px;
        }

        .menu-type-04 nav.menu ul li.have-content:hover a figure .icon-menu {
            margin-top: 0;
            padding-top: 32.5px;
        }

    .menu-type-04.toggleMenu {
        padding-top: 205px;
    }

    .menu-type-04.affix-menu.toggleMenu {
        padding-top: 300px;
        height: 395px;
    }

    .menu-type-04.toggleMenu.affix-menu {
        top: 0;
    }

    .menu-type-04.affix-menu {
       border-bottom: 2px solid #EDEDED;
    }

.menu-type-01 {
    border-bottom: 1px solid #e8e8e8;
}

    .menu-type-01.affix-menu {
        z-index: 50;
        position: fixed;
        top: 0;
    }

    .menu-type-01 ul li i {
        min-width: 18px;
        text-align: center;
    }

.toggleMenu {
    height: 300px;
    position: relative;
    overflow: inherit;
    padding-top: 205px;
}

.sticky-content-sub-menu {
    z-index: 2;
    position: absolute;
    height: 300px;
    top: -300px !important;
    border-bottom: 3px solid transparent;
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -o-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    transform: translateY(-300px);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    .sticky-content-sub-menu:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
     /*  left: 50%;*/ 
        background-color: rgba(0, 0, 0, 0.1);
        z-index: 1;
   /*   margin-left: -342px;*/  
    }

    .sticky-content-sub-menu .container {
        position: relative;
        z-index: 5;
    }

    .sticky-content-sub-menu .pattern {
        background-position: center center;
        height: 297px;
    }

    .sticky-content-sub-menu.sticky-content-show {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .sticky-content-sub-menu .sticky-description {
        /*padding: 30px 30px 30px 15px; 
 padding:30px 0px;*/
        width: 25%;
        float: left;
        padding-top: 2px;
        padding-lefT: 2px;
    }

        .sticky-content-sub-menu .sticky-description h1 {
            font-size: 21px;
            font-weight: 300;
            font-family: 'Ubuntu';
            color: #fff;
            line-height: 30px;
            margin-top: 0;
            margin-bottom: 10px;
        }

            .sticky-content-sub-menu .sticky-description h1 i {
                float: left;
                margin-right: 5px;
                font-size: 15px;
                width: 30px;
                height: 30px;
                border-radius: 50%;
                border: 2px solid #fff;
                line-height: 25px;
                text-align: center;
            }

        .sticky-content-sub-menu .sticky-description article {
            margin-left: 35px;
            max-height: 200px;
            overflow-y: auto;
        }

            .sticky-content-sub-menu .sticky-description article p {
                line-height: 21px;
                font-size: 14px;
                font-weight: 300;
                font-family: 'Ubuntu';
                color: #fff;
            }

            .sticky-content-sub-menu .sticky-description article a {
                display: block;
                color: #868686;
                font-size: 12px;
                text-transform: uppercase;
                font-family: 'Ubuntu';
                font-weight: 500;
                padding: 8px 12px;
                background: #fff;
                margin-top: 10px;
                float: left;
            }

                .sticky-content-sub-menu .sticky-description article a:hover {
                    color: #fff;
                }

    .sticky-content-sub-menu .stiky-widgets {
        float: left;
        width: 76%;
        height: 297px;
        padding: 18px 15px 30px 30px;
    }

        .sticky-content-sub-menu .stiky-widgets .widget {
            margin-bottom: 0;
        }

            .sticky-content-sub-menu .stiky-widgets .widget h1 {
                font-size: 20px;
                font-weight: 400;
                font-family: 'Ubuntu';
                color: #fff;
                margin-top: 0;
                margin-bottom: 10px;
                line-height: 30px;
            }

            .sticky-content-sub-menu .stiky-widgets .widget nav {
                max-height: 200px;
                overflow-y: auto;
            }

            .sticky-content-sub-menu .stiky-widgets .widget ul {
                border: none;
                min-width: inherit !important;
                background: none;
                position: relative;
                display: block !important;
                opacity: 1 !important;
                margin-left: 0;
            }

            .sticky-content-sub-menu .stiky-widgets .widget.widget-pages ul li {
                display: block;
                width: 100%;
                float: left;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }

                .sticky-content-sub-menu .stiky-widgets .widget.widget-pages ul li i {
                    min-width: 22px;
                    text-align: center;
                }

                .sticky-content-sub-menu .stiky-widgets .widget.widget-pages ul li a:hover {
                    padding-left: 15px;
                }

            .sticky-content-sub-menu .stiky-widgets .widget .portfolio-columns-container {
                overflow: hidden;
            }

                .sticky-content-sub-menu .stiky-widgets .widget .portfolio-columns-container > ul > li {
                    float: left !important;
                    width: 20%;
                }

                    .sticky-content-sub-menu .stiky-widgets .widget .portfolio-columns-container > ul > li li {
                        padding-left: 0;
                        float: left !important;
                    }

                        .sticky-content-sub-menu .stiky-widgets .widget .portfolio-columns-container > ul > li li a {
                            border-bottom: none;
                            top: 35%;
                            padding-left: 0 !important;
                        }

                    .sticky-content-sub-menu .stiky-widgets .widget .portfolio-columns-container > ul > li:first-child {
                        width: 40%;
                    }

                        .sticky-content-sub-menu .stiky-widgets .widget .portfolio-columns-container > ul > li:first-child li a {
                            top: 40%;
                        }

                .sticky-content-sub-menu .stiky-widgets .widget .portfolio-columns-container figure figcaption a {
                    padding: 0;
                }

            .sticky-content-sub-menu .stiky-widgets .widget nav.pages ul li a {
                border-bottom: none;
                padding: 0;
                line-height: 23px;
                font-size: 14px;
                color: #fff;
                font-family: 'Ubuntu';
                font-weight: 400;
                float: left;
            }

.affix-menu {
    z-index: 50;
    position: fixed;
    top: 0;
    background:rgba(255, 255, 255, 0.98);
}

.replacement-header {
    height: 90px;
}

.breadcrumb-metrix {
    /* min-height: 130px;*/
    min-height: 31px;
    overflow: hidden;
    position: relative;
    background: url('../img/content/breadcrumbs/breadcrumb.jpg') repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0 linear !important;
    -moz-transition: all 0 linear !important;
    -o-transition: all 0 linear !important;
    -ms-transition: all 0 linear !important;
    transition: all 0 linear !important;
}

    .breadcrumb-metrix .left-breadcrumb {
        position: relative;
        padding: 50px 15px 50px 0;
        border-right: 1px solid #fff;
    }

        .breadcrumb-metrix .left-breadcrumb i {
            float: left;
            margin-right: 10px;
        }

            .breadcrumb-metrix .left-breadcrumb i:before {
                color: #fff;
                font-size: 19px;
                width: 32px;
                display: block;
                text-align: center;
                line-height: 30px;
                height: 32px;
                border: 2px solid #fff;
                border-radius: 50%;
            }

        .breadcrumb-metrix .left-breadcrumb h1 {
            float: left;
            font-size: 22px;
            color: #fff;
            margin: 0;
            font-weight: 400;
            line-height: 32px;
        }

    .breadcrumb-metrix .right-breadcrumb .breadcrumb-descripton-page {
        padding: 57px 40px 20px 40px;
        display: block;
    }

        .breadcrumb-metrix .right-breadcrumb .breadcrumb-descripton-page h1 {
            color: #fff;
            font-size: 18px;
            margin: 0;
        }

    .breadcrumb-metrix .breadcrumb-page-source {
        position: absolute;
        left: 0px;
    }

        .breadcrumb-metrix .breadcrumb-page-source ul li {
            float: left;
        }

            .breadcrumb-metrix .breadcrumb-page-source ul li a {
                display: block;
                padding: 9px 15px;
                text-transform: uppercase;
                font-size: 12px;
                color: #fff;
                font-family: 'Ubuntu';
                background: #272462;
                margin-left: 1px;
                margin-top: 1px;
            }

                .breadcrumb-metrix .breadcrumb-page-source ul li a:hover {
                    background: #24207E;
                }

    .breadcrumb-metrix.grey {
        background: #fafafa;
        border-bottom: 1px solid #fff;
        overflow: inherit;
        position: relative;
    }

        .breadcrumb-metrix.grey:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            right: 50%;
            background-color: #f7f7f7;
            z-index: 1;
            margin-right: 277px;
        }

        .breadcrumb-metrix.grey .left-breadcrumb {
            position: relative;
            z-index: 2;
            border-right: none;
        }

            .breadcrumb-metrix.grey .left-breadcrumb i {
                float: left;
                margin-right: 10px;
            }

                .breadcrumb-metrix.grey .left-breadcrumb i:before {
                    color: #62c6f8;
                    font-size: 19px;
                    width: 32px;
                    display: block;
                    text-align: center;
                    line-height: 30px;
                    height: 32px;
                    border: 2px solid #62c6f8;
                    border-radius: 50%;
                }

            .breadcrumb-metrix.grey .left-breadcrumb h1 {
                float: left;
                font-size: 22px;
                color: #6b6b6b;
                margin: 4px 0;
                font-weight: 400;
            }

        .breadcrumb-metrix.grey .right-breadcrumb {
            position: relative;
            z-index: 2;
            margin-bottom: -2px;
        }

            .breadcrumb-metrix.grey .right-breadcrumb .breadcrumb-descripton-page h1 {
                color: #929292;
                font-size: 18px;
                margin: 0;
            }

        .breadcrumb-metrix.grey .breadcrumb-page-source {
            z-index: 5;
            /* bottom: -2px;*/
            bottom: -32px;
        }

            .breadcrumb-metrix.grey .breadcrumb-page-source ul li a {
                border-bottom: 2px solid #BD0E30;
            }

.breadcrumb-metrix-title-bg {
    background: url('../img/content/breadcrumbs/breadcrumb-02.jpg') repeat center center;
    /*  -webkit-background-size: cover;
    background-size: cover;*/
    -webkit-transition: all 0 linear !important;
    -moz-transition: all 0 linear !important;
    -o-transition: all 0 linear !important;
    -ms-transition: all 0 linear !important;
    transition: all 0 linear !important;
}

/*.breadcrumb-metrix-title-bg-AboutUs
{
    background: url('../img/content/breadcrumbs/InnerPage_AboutUs.jpg') repeat center center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0 linear !important;
    -moz-transition: all 0 linear !important;
    -o-transition: all 0 linear !important;
    -ms-transition: all 0 linear !important;
    transition: all 0 linear !important;

}*/


.breadcrumb-TitleImage {
    width: 100%;
    margin: 0px 0px 20px;
    /* padding: 87px 0px 166px; */
    float: left;
    padding-bottom: 8px;
    clear: both;
}

.breadcrumb-metrix-title-bg-AboutUs {
    /*background: url('../img/content/breadcrumbs/InnerPage_AboutUs.jpg');*/
    -webkit-transition: all 0 linear !important;
    -moz-transition: all 0 linear !important;
    -o-transition: all 0 linear !important;
    -ms-transition: all 0 linear !important;
    transition: all 0 linear !important;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.breadcrumb-metrix-title {
    text-align: center;
/*    padding: 180px 0;*/
}

    .breadcrumb-metrix-title h1 {
        font-size: 27px;
        font-weight: 400;
        font-family: 'Ubuntu';
        text-transform: uppercase;
        color: #fff;
        margin-top: 0;
        margin-bottom: 10px;
        text-shadow: 1px 1px 1px #000;
    }

    .breadcrumb-metrix-title h2 {
        font-size: 24px;
        font-family: 'Roboto';
        font-weight: 300;
        color: #fff;
        margin-bottom: 0;
        text-shadow: 1px 1px 1px #000;
    }

.h-et {
    color: #4e4e4e;
    margin-bottom: 25px;
    font-weight: 300;
    font-size: 28px;
    line-height: 26px;
    text-align: left;
    font-family: 'Ubuntu';
    text-transform: uppercase;
}

    .h-et p {
        font-size: 14px;
        color: #828282;
        margin-top: 5px;
    }

    .h-et > i {
        font-size: 40px;
        display: block;
        margin-bottom: 20px;
        color: #428bca;
    }

.ttu {
    text-transform: uppercase;
}

span.red {
    color: #f17979;
}

span.blue {
    color: #3498db;
}

span.green {
    color: #2ecc71;
}

span.grey {
    color: #525252;
}

span.underline {
    border-bottom: 1px solid #525252;
}

span.bg-blue {
    background: #3498db;
    color: #fff;
    padding: 1px 5px;
}

h1.title-black {
    font-size: 46px;
    text-align: center;
    color: #3d3d3d;
    margin-bottom: 10px;
}

h2.subtitle-black {
    font-size: 22px;
    text-align: center;
    color: #3d3d3d;
}

h1.title-white {
    font-size: 46px;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}

h2.subtitle-white {
    font-size: 22px;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}

.bullet-arrow {
    /* margin-bottom: 35px;*/
    margin-bottom: 0px;
}

    .bullet-arrow > li {
        font-weight: 300;
        color: #424242;
        line-height: 33px;
    }

        .bullet-arrow > li i {
            font-size: 14px;
            color: #9acbed;
            margin-right: 10px;
        }

        .bullet-arrow > li a {
            font-weight: 300;
            color: #888888;
        }

.bullet-arrow-white {
    margin-bottom: 35px;
}

    .bullet-arrow-white > li {
        font-weight: 300;
        color: #fff;
        line-height: 33px;
    }

        .bullet-arrow-white > li a {
            font-weight: 300;
            color: #fff;
        }

.bullet-ul {
    margin-bottom: 35px;
    margin-left: 20px;
}

    .bullet-ul > li {
        font-weight: 300;
        color: #888888;
        line-height: 25px;
    }

        .bullet-ul > li i {
            margin-right: 10px;
            color: #2ecc71;
            font-size: 8px;
            position: relative;
            top: -2px;
        }

        .bullet-ul > li a {
            font-weight: 300;
            color: #888888;
        }

ul.bif {
    margin: 20px 0 10px 0;
}

    ul.bif:after {
        content: '.';
        visibility: hidden;
        clear: both;
    }

    ul.bif li {
        line-height: 20px;
        padding-left: 25px;
        margin-bottom: 10px;
        font-weight: 300;
        font-family: 'Roboto';
    }

        ul.bif li span {
            font-weight: 400;
            font-family: 'Roboto';
        }

.bullet-number {
    list-style-type: decimal;
    margin-left: 25px;
    margin-bottom: 35px;
}

    .bullet-number > li {
        font-weight: 300;
        color: #888888;
        line-height: 33px;
    }

        .bullet-number > li a {
            font-weight: 300;
            color: #888888;
        }

.bullet-roman {
    list-style-type: upper-roman;
    margin-left: 25px;
    margin-bottom: 35px;
}

    .bullet-roman > li {
        font-weight: 300;
        color: #888888;
        line-height: 33px;
    }

        .bullet-roman > li a {
            font-weight: 300;
            color: #888888;
        }

p {
    font-size: 14px;
    color: #838383;
    font-weight: 300;
    line-height: 23px;
}

em {
    font-style: italic;
}

.dropcap span.dropcap {
    width: 36px;
    height: 36px;
    font-size: 22px;
    border: 1px solid #000;
    float: left;
    margin-right: 10px;
    text-align: center;
    line-height: 34px;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-weight: 100;
}

.dropcap.dropcap-bdr span.dropcap {
    color: #3498db;
    border: 1px solid #3498db;
}

.dropcap.dropcap-bdr-50 span.dropcap {
    color: #e47dab;
    border: 1px solid #e47dab;
    border-radius: 50%;
}

.dropcap.dropcap-no-bdr span.dropcap {
    color: #2ecc71;
    border: 1px solid #2ecc71;
}

.quote-02 {
    background: #52C0E6;
    border: none;
    padding-bottom: 20px;
}

    .quote-02 p {
        color: #fff !important;
    }

    .quote-02 > i {
        color: #fff;
        font-size: 37px;
    }

.quote-03 {
 /* border: 1px solid #E3E3E3;
    border-left: 4px solid #E3E3E3;*/  
 border-bottom:1px solid #E3E3E3;
}

    .quote-03 > i {
        color: #e4e4e4;
        font-size: 40px;
    }

.headings {
    margin-bottom: 70px;
}

    .headings p {
        margin-bottom: 35px;
    }

p.dropcap {
    margin-bottom: 45px;
}

blockquote {
   /* margin-bottom: 35px;*/
}

    blockquote > i {
        position: absolute;
        top: 18%;
    /*  left:3%;*/
        font-size: 30px;
        color: #ededed;
    }

.bullets {
    margin-bottom: 23px;
}

.title-col {
    color: #808080;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Roboto';
}

.columns p {
    margin-bottom: 30px;
}

article.alone-content {
    margin: 40px 0;
}

    article.alone-content p {
        margin-bottom: 20px;
        line-height: 21px;
    }

    article.alone-content .h-et {
        text-align: left;
    }

        article.alone-content .h-et h1 {
            text-align: left;
        }

hr {
    height: 1px;
    padding: 0;
    margin: 0;
    border: 0;
    background: #E5E5E5;
}

.fontawesome-icon-list {
    margin-top: 50px;
}

    .fontawesome-icon-list .fa-hover a {
        display: block;
        color: #222;
        line-height: 32px;
        height: 32px;
        padding-left: 10px;
        border-radius: 4px;
        -webkit-transition: all 0s linear;
        -moz-transition: all 0s linear;
        -o-transition: all 0s linear;
        -ms-transition: all 0s linear;
        transition: all 0s linear;
    }

        .fontawesome-icon-list .fa-hover a i {
            width: 32px;
            font-size: 14px;
            display: inline-block;
            text-align: right;
            margin-right: 10px;
        }

        .fontawesome-icon-list .fa-hover a:hover {
            background-color: #1d9d74;
            color: #fff;
            text-decoration: none;
        }

            .fontawesome-icon-list .fa-hover a:hover i {
                font-size: 28px;
                vertical-align: -6px;
            }

a > i.fa-bars {
    font-size: 35px;
    display: none;
    margin-top: 30px;
    color: #24A6BE;
    float: right;
}

.scroller,
.scroller-inner {
    position: relative;
}

.scroller-iner {
    height: 100% !important;
}

.scroller-iner {
    background: #fff;
}

.menu-trigger {
    position: relative;
    padding-left: 60px;
    font-size: 0.9em;
}

    .menu-trigger:before {
        position: absolute;
        top: 2px;
        left: 0;
        width: 40px;
        height: 6px;
        background: #fff;
        box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff;
        content: '';
    }

.mp-pusher {
    position: relative;
    left: 0;
    overflow: hidden;
    height: 100%;
}

.mp-pushed {
    overflow: initial;
}

.mp-menu {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
    width: 300px;
    height: 100%;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.pusher {
    right: 0;
}

.mp-level {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    height: 100%;
    background: #24A6BE;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
    /* overlays for pusher and for level that gets covered */
    .mp-pusher::after,
    .mp-level::after,
    .mp-level::before {
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        content: '';
        opacity: 0;
    }

    .mp-pusher::after,
    .mp-level::after {
        background: rgba(0, 0, 0, 0.5);
        -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
        -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
        transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    }

    .mp-level::after {
        z-index: -1;
    }

    .mp-pusher.mp-pushed::after,
    .mp-level.mp-level-overlay::after {
        width: 100%;
        height: 100%;
        opacity: 1;
        z-index: 99;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    .mp-level.mp-level-overlay {
        cursor: pointer;
    }

        .mp-level.mp-level-overlay.mp-level::before {
            width: 100%;
            height: 100%;
            background: transparent;
            opacity: 1;
        }

.mp-pusher,
.mp-level {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/* overlap */
.mp-overlap .mp-level.mp-level-open {
    box-shadow: 1px 0 2px #000000;
    -webkit-transform: translate3d(15px, 0, 0);
    -moz-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0);
}
/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
    box-shadow: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/* cover */
.mp-cover .mp-level.mp-level-open {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

    .mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
/* content style */
.mp-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mp-menu h2 {
    margin: 0;
    padding: 1em;
    color: rgba(0, 0, 0, 0.4);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    font-weight: 300;
    font-size: 2em;
    color: #fff;
    font-family: 'Ubuntu';
}

.mp-menu.mp-overlap h2::before {
    position: absolute;
    font-family: 'fontawesome';
    top: 0;
    right: 0;
    margin-right: 8px;
    font-size: 75%;
    line-height: 1.8;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
    transition: opacity 0.3s, transform 0.1s 0.3s;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
}

.mp-menu.mp-cover h2 {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 1em;
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

.mp-menu ul li > a {
    display: block;
    padding: 1.5em 1em 1.5em 1.8em;
    outline: none;
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
    font-size: 14px;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
    text-align:left;
}

.mp-menu ul li::before {
    position: absolute;
    left: 10px;
    z-index: -1;
    color: rgba(0, 0, 0, 0.2);
    line-height: 56px;
}

.mp-level > ul > li:first-child > a {
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
}

.mp-level > ul > li a {
    font-weight: 300;
    color: #fff;
}

.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
    background: rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
}

.mp-back {
    background: rgba(0, 0, 0, 0.1);
    outline: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    display: block;
    font-size: 0.8em;
    padding: 1em;
    position: relative;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
}

    .mp-back::after {
        font-family: 'fontawesome';
        position: absolute;
        content: "\f105";
        right: 10px;
        font-size: 1.3em;
        color: rgba(0, 0, 0, 0.3);
    }

.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
    background: transparent;
    box-shadow: none;
    color: transparent;
}

.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
    display: block;
}

.mp-menu a.fa {
    font-family: 'Ubuntu';
}

.mp-menu .fa {
    display: inherit;
}

.mp-menu li a.fa:before {
    border: 1px solid #fff;
    font-size: 14px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 29px;
    border-radius: 50%;
    position: relative;
    top: -8px;
    z-index: -1;
}

.mp-menu .fa:before {
    font-family: 'fontawesome';
    speak: none;
    float: left;
    width: 20px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    margin-right: 0.6em;
    -webkit-font-smoothing: antialiased;
}

.box-presentation {
    margin-bottom: 20px;
}

    .box-presentation header {
        margin-bottom: 25px;
    }

        .box-presentation header .icon-presentation {
         /*   width: 30%;*/
         width:27%;
            margin-right: 0%;
            float: left;
            -webkit-perspective: 200px;
            -moz-perspective: 200px;
            perspective: 200px;
        }

            .box-presentation header .icon-presentation section {
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                transition: all 0.2s linear;
                /*padding: 16px;*/
                padding:12px;
                float: left;
                -webkit-transform: rotateX(0deg);
                -moz-transform: rotateX(0deg);
                transform: rotateX(0deg);
                -webkit-perspective: 200px;
                -moz-perspective: 200px;
                perspective: 200px;
            }

                .box-presentation header .icon-presentation section i {
                    text-align: center;
                    color: #fff;
                    border: 2px solid #fff;
                    width: 33px;
                    height: 33px;
                    line-height: 30px;
                    border-radius: 50%;
                }

                .box-presentation header .icon-presentation section span {
                    position: absolute;
                    top: 100%;
                    width: 100%;
                    height: 20px;
                    left: 0;
                    -webkit-transform: rotateX(-81deg);
                    -moz-transform: rotateX(-81deg);
                    transform: rotateX(-81deg);
                    -webkit-transform-origin: 50% 0%;
                    -moz-transform-origin: 50% 0%;
                    transform-origin: 50% 0%;
                    -webkit-transition: all 0.2s linear;
                    -moz-transition: all 0.2s linear;
                    -o-transition: all 0.2s linear;
                    -ms-transition: all 0.2s linear;
                    transition: all 0.2s linear;
                }

        .box-presentation header .title-presentation {
            float: left;
            width: 70%;
        }

            .box-presentation header .title-presentation h1 {
                color: #62c6f8;
                font-size: 17px;
                font-family: 'Ubuntu';
                font-weight: 400;
                margin-bottom: 4px;
                margin-top:17px;
            }

            .box-presentation header .title-presentation h2 {
                margin: 0;
                font-size: 14px;
                color: #a9a9a9;
            }

    .box-presentation footer p {
        font-size: 14px;
        color: #525252;
        font-family: 'Ubuntu', Verdana;
        font-weight: 300;
    }

    .box-presentation:hover.block-effect .icon-presentation section {
        -webkit-transform: rotateX(25deg);
        -moz-transform: rotateX(25deg);
        transform: rotateX(25deg);
    }

        .box-presentation:hover.block-effect .icon-presentation section span {
            -webkit-transform: rotateX(-60deg);
            -moz-transform: rotateX(-60deg);
            transform: rotateX(-60deg);
        }

.box-presentation-02 {
    text-align: center;
}

    .box-presentation-02 header .icon-presentation {
        display: inline-block;
        padding: 15px;
        border: 1px solid transparent;
    }

        .box-presentation-02 header .icon-presentation i {
            text-align: center;
            color: #cd5be5;
            border: 2px solid transparent;
            width: 33px;
            height: 33px;
            line-height: 30px;
            border-radius: 50%;
        }

    .box-presentation-02 header .title-presentation h1 {
        color: #cd5be5;
        font-size: 22px;
        font-family: 'Ubuntu';
        font-weight: 300;
    }

    .box-presentation-02 footer p {
        color: #747474;
        margin-bottom: 20px;
    }

.box-presentation-03 {
    padding: 25px;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

    .box-presentation-03 header .icon-presentation {
        width: 100%;
    }

        .box-presentation-03 header .icon-presentation i {
            text-align: center;
            border: 2px solid rgba(255, 255, 255, 0.6);
            width: 80px;
            height: 80px;
            font-size: 35px;
            color: rgba(255, 255, 255, 0.6);
            line-height: 80px;
            border-radius: 50%;
        }

    .box-presentation-03 header .title-presentation h1 {
        color: #fff;
        font-size: 22px;
        font-family: 'Ubuntu';
        font-weight: 300;
        margin: 15px 0;
    }

    .box-presentation-03 footer p {
        color: #fff;
        margin-bottom: 10px;
    }

.costumers li {
    float: left;
    padding: 0;
    padding-left: 2px;
    padding-bottom: 2px;
}

    .costumers li a {
        display: block;
        width: 100%;
    }

        .costumers li a img {
            width: 100%;
        }

.costumers:after {
    content: '.';
    visibility: hidden;
    clear: both;
}

.tables-set {
    text-align: center;
    margin-bottom: 30px;
}

    .tables-set > div {
        display: inline-block;
        float: none;
    }

        .tables-set > div .table {
            border: 1px solid transparent;
            padding-top: 25px;
            background: #fafafa;
        }

            .tables-set > div .table header {
                background: #fff;
                padding: 15px 0;
            }

                .tables-set > div .table header h1 {
                    font-family: 'Ubuntu';
                    font-weight: 300;
                    font-size: 38px;
                    color: #62c6f8;
                    margin-top: 0;
                    margin-bottom: 5px;
                }

                    .tables-set > div .table header h1 sub,
                    .tables-set > div .table header h1 sup {
                        font-size: 14px;
                    }

                    .tables-set > div .table header h1 sup {
                        top: -1.5em;
                        left: 0.5em;
                    }

                    .tables-set > div .table header h1 sub {
                        right: 0.5em;
                    }

                .tables-set > div .table header h2 {
                    text-transform: uppercase;
                    color: #62c6f8;
                    font-family: 'Ubuntu';
                    font-size: 18px;
                    font-weight: 400;
                    margin: 0;
                }

            .tables-set > div .table footer {
                padding-bottom: 45px;
                padding-top: 20px;
            }

                .tables-set > div .table footer ul {
                    margin-bottom: 20px;
                }

                    .tables-set > div .table footer ul li {
                        font-size: 14px;
                        color: #888888;
                        font-family: 'Open Sans';
                        font-weight: 300;
                        line-height: 42px;
                        text-transform: uppercase;
                    }

        .tables-set > div .table-02 header {
            background: #fff !important;
            padding: 0;
        }

            .tables-set > div .table-02 header h1 {
                padding: 15px;
            }

            .tables-set > div .table-02 header h2 {
                padding: 15px;
                margin-bottom: 0;
            }

        .tables-set > div.premium .table {
            border: 1px solid #62c6f8;
            background: #fff;
        }

            .tables-set > div.premium .table header {
                background: #62c6f8;
            }

                .tables-set > div.premium .table header h1 {
                    color: #fff;
                }

                .tables-set > div.premium .table header h2 {
                    color: #fff;
                }

        .tables-set > div.premium .table-02 {
            border: 1px solid transparent;
            background: #f5f5f5;
        }

            .tables-set > div.premium .table-02 header {
                background: #fff;
            }

                .tables-set > div.premium .table-02 header h1 {
                    color: #ec5d95;
                    background: #fff;
                }

                .tables-set > div.premium .table-02 header h2 {
                    color: #fff;
                    background: #ec5d95;
                }

            .tables-set > div.premium .table-02 footer {
                background: #f5f5f5;
            }

.list li {
    color: #7c7c7c;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: 300;
    line-height: 31px;
}

    .list li i {
        margin-right: 5px;
        font-size: 12px;
        position: relative;
        top: -2px;
    }

.list.circle i {
    border-radius: 50%;
    border: 1px solid transparent;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 20px;
}

.list.light-blue i {
    color: #62c6f8;
    border-color: #62c6f8;
}

.list.pink i {
    color: #e06ca0;
    border-color: #e06ca0;
}

.list.blue i {
    color: #cd5be5;
    border-color: #cd5be5;
}

.list.yellowgreen i {
    color: #f45252;
    border-color: #f45252;
}

.team-member {
    margin-bottom: 2px;
    padding: 0 1px;
    overflow: hidden;
}

    .team-member header {
        position: relative;
        overflow: hidden;
    }

        .team-member header .social {
            position: absolute;
            right: 0;
            top: 0;
            opacity: 0;
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            -o-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

            .team-member header .social li {
                float: left;
                padding: 0;
            }

                .team-member header .social li a {
                    padding: 10px;
                    background: #3873ae;
                    display: block;
                }

                    .team-member header .social li a i:before {
                        border-color: #fff;
                        color: #fff;
                        width: 22px;
                        height: 22px;
                        line-height: 14px;
                        font-size: 11px;
                    }

                    .team-member header .social li a.light-blue {
                        background: #47b4eb;
                    }

                    .team-member header .social li a.light-red {
                        background: #e87352;
                    }

        .team-member header article {
            opacity: 0;
            -webkit-transform: translateY(100%);
            -moz-transform: translateY(100%);
            -o-transform: translateY(100%);
            -ms-transform: translateY(100%);
            transform: translateY(100%);
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            transition: all 0.2s linear;
            position: absolute;
            bottom: 0;
            left: 0;
            background: #62c6f8;
            padding: 10px 20px;
        }

            .team-member header article h1 {
                margin: 0;
                color: #fff;
                font-family: 'Ubuntu';
                font-size: 18px;
                line-height: 21px;
                text-transform: uppercase;
            }

            .team-member header article h2 {
                margin: 0;
                color: #E4E4E4;
                font-family: 'Ubuntu';
                font-size: 12px;
                line-height: 12px;
                text-transform: uppercase;
            }

            .team-member header article.light-pink {
                background: #cd5be5;
            }

            .team-member header article.purple {
                background: #675296;
            }

            .team-member header article.red {
                background: #e87352;
            }

            .team-member header article.green {
                background: #2ecc71;
            }

            .team-member header article.pink {
                background: #d74980;
            }

        .team-member header > img {
            width: 100%;
        }

    .team-member:hover header .social {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .team-member:hover header article {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .team-member footer {
        background: #f5f5f5;
        padding: 15px 20px;
    }

        .team-member footer p {
            font-family: 'Roboto';
            font-weight: 300;
            font-size: 14px;
            line-height: 23px;
            color: #888888;
            margin-bottom: 0;
        }

.vertical-progress {
    width: 100%;
    float: left;
    background: #f5f5f5;
    position: relative;
    overflow: hidden;
}

    .vertical-progress > span {
        margin-top: -24%;
        margin-left: -8%;
        display: block;
        width: 110%;
        height: 20%;
        position: relative;
        z-index: 99;
        background: #fff;
        -webkit-transform-origin: 100% 0%;
        -moz-transform-origin: 100% 0%;
        -o-transform-origin: 100% 0%;
        -ms-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        -webkit-transform: rotate(-6deg);
        -moz-transform: rotate(-6deg);
        -o-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    .vertical-progress .progress-bar-vertical {
        bottom: 0;
        width: 100%;
        position: absolute;
        background: #62c6f8;
    }

.vertical-progress-container {
    margin-bottom: 40px;
    position: relative;
}

    .vertical-progress-container .indicator {
        overflow: hidden;
        position: absolute;
        z-index: 99;
        left: 100%;
        width: 85px;
        margin-left: 5px;
    }

        .vertical-progress-container .indicator i {
            font-size: 36px;
            color: #62c6f8;
            position: absolute;
            bottom: -20px;
        }

            .vertical-progress-container .indicator i.fa-long-arrow-right {
                font-size: 95px;
                bottom: -55px;
                right: -28px;
            }

        .vertical-progress-container .indicator h1 {
            font-size: 28px;
            color: #686868;
            font-family: 'Ubuntu';
            font-weight: 500;
            margin: 0;
            margin-left: 15px;
        }

            .vertical-progress-container .indicator h1 span {
                color: #cfcfcf;
                font-weight: 500;
            }

    .vertical-progress-container.green .progress-bar-vertical {
        background: #43d788;
    }

    .vertical-progress-container.green .indicator i {
        color: #43d788;
    }

    .vertical-progress-container.light-pink .progress-bar-vertical {
        background: #d26ee8;
    }

    .vertical-progress-container.light-pink .indicator i {
        color: #d26ee8;
    }

    .vertical-progress-container.pink .progress-bar-vertical {
        background: #ec5d95;
    }

    .vertical-progress-container.pink .indicator i {
        color: #ec5d95;
    }

.image-presentation {
    text-align: center;
}

    .image-presentation img {
        display: inline-block;
    }

.product-presentation header i {
    float: left;
    border: 1px solid #886cc7;
    color: #886cc7;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    border-radius: 50%;
    text-align: center;
    margin: 0 10px;
}

.product-presentation header h1 {
    font-size: 38px;
    color: #886cc7;
    font-weight: 300;
    font-family: 'Ubuntu';
}

.product-presentation footer {
    /*margin-left: 60px;*/
}

    .product-presentation footer p {
        font-family:'Ubuntu', Verdana;
        font-weight: 300;
        color: #525252;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .product-presentation footer .btn-block-effect {
        float: left;
    }

    .product-presentation footer a {
        /*float: left;*/
    }

.pattern {
    background: rgba(0, 0, 0, 0.5);
}

.video-container {
    width: 100%;
    height: 517px;
}

    .video-container .videoBG_wrapper {
        width: 100% !important;
    }

.videoBG {
    width: 100% !important;
}

.owl-customers ul li {
    float: left;
}

.owl-customers .owl-page span {
      background: rgba(0, 0, 0, 0) !important;
  border: 2px solid #FFF !important;
  opacity: 0.5 !important;
  -webkit-box-shadow: 2px 2px 5px 0px #000;
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
  box-shadow: 2px 1px 4px 0px #000;
}

.owl-customers .owl-page.active span,
.owl-customers .owl-page:hover span {
    opacity: 1 !important;
}

.owl-customers .owl-controls {
    margin-top: 25px;
}

.costumers-carousel {
  /* padding: 60px 0;*/ 
  padding:20px 0 60px;
}

    .costumers-carousel .h-et {
        color: #fff;
        font-weight: 400;
        margin-top: 15px;
        font-size: 30px;
    }

        .costumers-carousel .h-et p {
            color: #fff;
        }

.call-to-action-bg {
    background: #62c6f8;
}

.call-to-action {
    padding: 35px 0;
}

    .call-to-action h1 {
        font-weight: 400;
        font-family: 'Ubuntu';
        color: #fff;
        font-size: 24px;
        margin: 0;
        margin-bottom: 10px;
    }

    .call-to-action h2 {
        font-weight: 300;
        font-family: 'Ubuntu';
        color: #fff;
        text-transform: uppercase;
        font-size: 15px;
        margin: 0;
    }

    .call-to-action .call-to-action-button {
        margin-top: 3px;
        display: inline-block;
        float: right;
        font-size: 18px;
        color: #fff;
        font-family: 'Ubuntu';
        font-weight: 400;
        text-transform: uppercase;
        padding: 10px 40px;
        border: 2px solid #fff;
    }

        .call-to-action .call-to-action-button:hover {
            background: rgba(255, 255, 255, 0.2);
        }

.parallax {
    -webkit-background-size: cover !important;
    background-size: cover !important;
    background-position-x: center !important;
}

.masonry-portfolio > ul li {
    float: left;
    overflow: hidden;
}

    .masonry-portfolio > ul li img {
        width: 100%;
    }

.categories-portfolio {
    margin-bottom: 30px;
}

    .categories-portfolio ul {
        text-align: center;
    }

        .categories-portfolio ul li {
            display: inline-block;
            position: relative;
            margin-bottom: 10px;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

            .categories-portfolio ul li a {
                display: block;
                color: #62c6f8;
                padding: 8px 20px;
                cursor: pointer;
                margin: 0 2px;
                text-transform: uppercase;
                font-weight: 400;
                font-family: 'Ubuntu';
            }

                .categories-portfolio ul li a:hover,
                .categories-portfolio ul li a.selected {
                    color: #fff;
                    background: #62c6f8;
                }

                    .categories-portfolio ul li a:hover:after,
                    .categories-portfolio ul li a.selected:after {
                        border-left: 3px solid transparent;
                        border-bottom: 5px solid transparent;
                        border-right: 3px solid transparent;
                        border-top: 5px solid #62c6f8;
                        position: absolute;
                        width: 0;
                        height: 0;
                        content: '.';
                        text-indent: -9999999px;
                        top: 100%;
                        left: 50%;
                    }

.portfolio-container > article {
    width: 25%;
    margin-right: -1px;
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px;
}

    .portfolio-container > article > img {
        width: 100%;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .portfolio-container > article .link-container {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.8);
        z-index: -1;
        opacity: 0;
        text-align: center;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        .portfolio-container > article .link-container > a {
            display: inline-block;
            margin-top: 40%;
            margin-right: 10px;
            opacity: 0;
            border-radius: 50%;
            -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.7);
            -moz-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.7);
            box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.7);
            -webkit-transition: all 0.4s linear;
            -moz-transition: all 0.4s linear;
            -o-transition: all 0.4s linear;
            -ms-transition: all 0.4s linear;
            transition: all 0.4s linear;
        }

            .portfolio-container > article .link-container > a i {
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                transition: all 0.2s linear;
                width: 50px;
                height: 50px;
                border-radius: 50%;
                line-height: 50px;
                font-size: 22px;
                border: 1px solid #3b7eba;
                color: #3b7eba;
                -webkit-box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.2);
                -moz-box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.2);
                box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.2);
            }

            .portfolio-container > article .link-container > a:first-child {
                -webkit-transform: translateY(30px);
                -moz-transform: translateY(30px);
                -o-transform: translateY(30px);
                -ms-transform: translateY(30px);
                transform: translateY(30px);
            }

            .portfolio-container > article .link-container > a:last-child {
                -webkit-transform: translateY(-30px);
                -moz-transform: translateY(-30px);
                -o-transform: translateY(-30px);
                -ms-transform: translateY(-30px);
                transform: translateY(-30px);
            }

            .portfolio-container > article .link-container > a:hover {
                -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
                -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
                box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
            }

                .portfolio-container > article .link-container > a:hover i {
                    -webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.5);
                    -moz-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.5);
                    box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.5);
                }

    .portfolio-container > article section {
        margin-left: -2px;
        margin: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 100%;
        background: #62c6f8;
        z-index: 99;
        opacity: 0;
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: rotateY(-99deg);
        transform: rotateY(-99deg);
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

        .portfolio-container > article section header {
            background: #52a3cc;
            padding: 20px 25px;
        }

            .portfolio-container > article section header h1 {
                font-size: 22px;
                font-family: 'Ubuntu';
                font-weight: 400;
                color: #fff;
                text-transform: uppercase;
                margin: 0;
                line-height: 26px;
            }

        .portfolio-container > article section footer {
            padding: 15px 25px;
        }

            .portfolio-container > article section footer p {
                font-family: 'Roboto';
                line-height: 21px;
                font-size: 14px;
                font-weight: 400;
                color: #fff;
            }

            .portfolio-container > article section footer div {
                margin-top: 15px;
            }

                .portfolio-container > article section footer div a {
                    color: #fff;
                    font-family: 'Roboto';
                    font-weight: 400;
                    text-transform: uppercase;
                    font-size: 12px;
                    line-height: 23px;
                }

                    .portfolio-container > article section footer div a i {
                        float: left;
                        margin-right: 5px;
                        color: #fff;
                        font-size: 10px;
                        border: 1px solid #fff;
                        width: 23px;
                        height: 23px;
                        display: block;
                        border-radius: 50%;
                        line-height: 23px;
                        text-align: center;
                    }

                    .portfolio-container > article section footer div a.like {
                        float: right;
                    }

                    .portfolio-container > article section footer div a.read-more {
                        float: left;
                    }

        .portfolio-container > article section:after {
            border-left: 0px solid transparent;
            border-right: 20px solid #62c6f8;
            border-top: 20px solid transparent;
            position: absolute;
            width: 0;
            height: 0;
            content: '.';
            color: transparent;
            right: 100%;
            bottom: 0;
            opacity: 0;
        }

    .portfolio-container > article:hover {
        z-index: 5;
    }

        .portfolio-container > article:hover .link-container {
            z-index: 1;
            opacity: 1;
        }

            .portfolio-container > article:hover .link-container > a {
                -webkit-transform: translateY(0px);
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                transform: translateY(0px);
                opacity: 1;
            }

        .portfolio-container > article:hover section {
            opacity: 1;
            -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
        }

            .portfolio-container > article:hover section:after {
                opacity: 1;
            }

    .portfolio-container > article.left-appear section {
        left: auto;
        right: 100%;
        -webkit-transform-origin: 100% 0%;
        -moz-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        -webkit-transform: rotateY(99deg);
        transform: rotateY(99deg);
        opacity: 0;
    }

        .portfolio-container > article.left-appear section:after {
            border-left: 20px solid #62c6f8;
            border-right: 20px solid transparent;
            border-top: 20px solid transparent;
            position: absolute;
            width: 0;
            height: 0;
            content: '.';
            color: transparent;
            right: auto;
            left: 100%;
            bottom: 0;
            opacity: 0;
        }

    .portfolio-container > article.left-appear:hover section {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1;
    }

        .portfolio-container > article.left-appear:hover section:after {
            opacity: 1;
        }

.portfolio-container.col-2 > article {
    width: 50%;
}

.portfolio-container.col-6 > article {
    width: 16.6%;
}

.portfolio-single-container header h1 {
    color: #505050;
    font-size: 21px;
    font-weight: 400;
    font-family: 'Ubuntu';
    margin-top: 0;
    margin-bottom: 0;
}

.portfolio-single-container header section {
    position: relative;
    float: right;
}

    .portfolio-single-container header section div {
        float: left;
        padding: 6px 10px;
    }

        .portfolio-single-container header section div.like i {
            width: 22px;
            height: 22px;
            line-height: 22px;
            text-align: center;
            border-radius: 50%;
            border: 1px solid #c2c2c2;
            color: #c2c2c2;
            margin-right: 5px;
            font-size: 10px;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .portfolio-single-container header section div.like a {
            font-size: 14px;
            color: #9a9a9a;
            font-weight: 300;
            font-family: 'Ubuntu';
        }

        .portfolio-single-container header section div.like:hover i {
            color: #01c6f8;
            border-color: #01c6f8;
        }

        .portfolio-single-container header section div.share {
            cursor: pointer;
        }

            .portfolio-single-container header section div.share > i {
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                transition: all 0.2s linear;
                color: #c2c2c2;
                margin-bottom: 5px;
            }

            .portfolio-single-container header section div.share .dd-share {
                padding: 10px 14px;
                background: #f7f7f7;
                position: absolute;
                right: 0;
                z-index: 5;
                width: 120px;
                margin-top: 6px;
                display: none;
            }

                .portfolio-single-container header section div.share .dd-share li {
                    margin-bottom: 5px;
                }

                    .portfolio-single-container header section div.share .dd-share li a {
                        font-size: 14px;
                        color: #828282;
                        font-weight: 400;
                        font-family: 'Ubuntu';
                    }

                    .portfolio-single-container header section div.share .dd-share li i {
                        color: #62c6f8;
                        font-size: 13px;
                        opacity: 0;
                        margin-left: 0;
                        margin-right: 0;
                        text-align: center;
                        width: 0;
                        -webkit-transition: all 0.2s linear;
                        -moz-transition: all 0.2s linear;
                        -o-transition: all 0.2s linear;
                        -ms-transition: all 0.2s linear;
                        transition: all 0.2s linear;
                    }

                    .portfolio-single-container header section div.share .dd-share li:hover a {
                        color: #62c6f8;
                    }

                    .portfolio-single-container header section div.share .dd-share li:hover i {
                        opacity: 1;
                        margin-left: 5px;
                        width: 13px;
                    }

            .portfolio-single-container header section div.share:hover {
                background: #62c6f8;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }

                .portfolio-single-container header section div.share:hover i {
                    color: #fff;
                }

                .portfolio-single-container header section div.share:hover .dd-share {
                    display: block;
                }

.portfolo-description .sticky-tags-sep {
    width: 110%;
    height: 1px;
    background: #f0f0f0;
    position: absolute;
    margin-left: -62px;
}

.portfolio-navigation {
    margin-bottom: 40px;
    margin-top: 20px;
}

    .portfolio-navigation h3 {
        text-align: left;
        font-size: 16px;
        color: #909090;
        font-weight: 400;
        font-family: 'Roboto';
        margin-top: 0;
    }

    .portfolio-navigation a {
        padding: 28%;
        background: #f4f4f4;
        display: block;
    }

        .portfolio-navigation a i {
            font-size: 20px;
            color: #c2c2c2;
            margin-top: 3px;
        }

    .portfolio-navigation ul {
        text-align: center;
    }

        .portfolio-navigation ul li {
            width: 24%;
            margin-left: 12%;
            display: inline-block;
            height: 20%;
        }

            .portfolio-navigation ul li:first-child {
                margin-left: 0;
            }

            .portfolio-navigation ul li:hover a {
                background: #62c6f8;
            }

                .portfolio-navigation ul li:hover a i {
                    color: #fff;
                }

    .portfolio-navigation.full-width {
        border-top: 1px solid #e6e6e6;
        padding-top: 30px;
        margin-top: 30px;
    }

        .portfolio-navigation.full-width ul {
            text-align: center;
        }

            .portfolio-navigation.full-width ul li {
                width: 24%;
                margin-left: 41.5%;
                display: inline-block;
                height: 20%;
                max-width: 60px;
                max-height: 60px;
            }

                .portfolio-navigation.full-width ul li:first-child {
                    margin-left: 0;
                }

                .portfolio-navigation.full-width ul li:hover a {
                    background: #62c6f8;
                }

                    .portfolio-navigation.full-width ul li:hover a i {
                        color: #fff;
                    }

.text-description-portfolio {
    padding-top: 20px;
}

    .text-description-portfolio h2 {
        font-size: 16px;
        color: #505050;
        font-weight: 400;
        font-family: 'Ubuntu';
        margin-top: 23px;
        margin-bottom: 10px;
    }

    .text-description-portfolio h1 {
        font-size: 21px;
        color: #505050;
        font-weight: 400;
        font-family: 'Ubuntu';
        margin-top: 23px;
        margin-bottom: 10px;
    }

    .text-description-portfolio p {
        font-size: 14px;
        font-weight: 300;
        font-family: 'Roboto';
        color: #7b7b7b;
        line-height: 23px;
    }

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
    }
        /**** disabling Isotope CSS3 transitions ****/
        .isotope.no-transition,
        .isotope.no-transition .isotope-item,
        .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
        }
    /* End: Recommended Isotope styles */
    /* disable CSS transitions for containers with infinite scrolling*/
    .isotope.infinite-scrolling {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

.portfolio-columns-container {
    width: 100%;
}

    .portfolio-columns-container > ul {
        text-align: center;
    }

        .portfolio-columns-container > ul > li {
            float: left;
            padding-right: 1px;
            overflow: hidden;
            text-align: left;
            display: inline-block;
        }

            .portfolio-columns-container > ul > li:last-child {
                padding-left: 0;
            }

            .portfolio-columns-container > ul > li li {
                float: left;
                width: 100%;
            }

                .portfolio-columns-container > ul > li li.half {
                    width: 50%;
                    padding: 0 0.5px;
                }

            .portfolio-columns-container > ul > li figure {
                width: 100%;
                margin-bottom: 1px;
                position: relative;
                overflow: hidden;
            }

                .portfolio-columns-container > ul > li figure.animete-hover > img {
                    -webkit-animation: animete-hover 0.3s;
                    animation: animete-hover 0.3s;
                    -webkit-transform: scale(1.3);
                    -moz-transform: scale(1.3);
                    -o-transform: scale(1.3);
                    -ms-transform: scale(1.3);
                    transform: scale(1.3);
                    -webkit-filter: blur(2px);
                    -moz-filter: blur(2px);
                    -o-filter: blur(2px);
                    -ms-filter: blur(2px);
                    filter: blur(2px);
                }

                .portfolio-columns-container > ul > li figure figcaption {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    z-index: 3;
                    opacity: 0;
                 /*  background: rgba(80, 185, 219, 0.9);*/ 
               background:  rgba(154, 218, 239, 0.34);
                    text-align: center;
                    -webkit-transition: all 0.2s linear;
                    -moz-transition: all 0.2s linear;
                    -o-transition: all 0.2s linear;
                    -ms-transition: all 0.2s linear;
                    transition: all 0.2s linear;
                }

                    .portfolio-columns-container > ul > li figure figcaption a {
                        display: inline-block;
                        top: 40%;
                        position: relative;
                        -webkit-transition: all 0.4s linear;
                        -moz-transition: all 0.4s linear;
                        -o-transition: all 0.4s linear;
                        -ms-transition: all 0.4s linear;
                        transition: all 0.4s linear;
                    }

                        .portfolio-columns-container > ul > li figure figcaption a:first-child {
                            margin-right: 10px;
                            -webkit-transform: translateY(50px);
                            -moz-transform: translateY(50px);
                            -o-transform: translateY(50px);
                            -ms-transform: translateY(50px);
                            transform: translateY(50px);
                        }

                        .portfolio-columns-container > ul > li figure figcaption a:last-child {
                            -webkit-transform: translateY(-50px);
                            -moz-transform: translateY(-50px);
                            -o-transform: translateY(-50px);
                            -ms-transform: translateY(-50px);
                            transform: translateY(-50px);
                        }

                        .portfolio-columns-container > ul > li figure figcaption a i {
                            color: #fff;
                            border: 1px solid #fff;
                            border-radius: 50%;
                            text-align: center;
                            width: 40px;
                            height: 40px;
                            line-height: 40px;
                            font-size: 16px;
                            -webkit-transition: all 0.2s linear;
                            -moz-transition: all 0.2s linear;
                            -o-transition: all 0.2s linear;
                            -ms-transition: all 0.2s linear;
                            transition: all 0.2s linear;
                            box-shadow: 0 0 0 0 #ffffff, inset 0 0 0 0 #ffffff;
                            -moz-box-shadow: 0 0 0 0 #ffffff, inset 0 0 0 0 #ffffff;
                            -webkit-box-shadow: 0 0 0 0 #ffffff, inset 0 0 0 0 #ffffff;
                            -ms-box-shadow: 0 0 0 0 #ffffff, inset 0 0 0 0 #ffffff;
                        }

                        .portfolio-columns-container > ul > li figure figcaption a:hover i {
                            box-shadow: 0 0 0 40px rgba(255, 255, 255, 0), inset 0 0 0 20px rgba(255, 255, 255, 0);
                            -moz-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0), inset 0 0 0 20px rgba(255, 255, 255, 0);
                            -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0), inset 0 0 0 20px rgba(255, 255, 255, 0);
                            -ms-box-shadow: 0 0 0 40px #ffffff, inset 0 0 0 20px rgba(255, 255, 255, 0);
                        }

                .portfolio-columns-container > ul > li figure > img {
                    width: 100%;
                    position: relative;
                    z-index: 2;
                    height: auto !important;
                    -webkit-transition: all 0.2s linear;
                    -moz-transition: all 0.2s linear;
                    -o-transition: all 0.2s linear;
                    -ms-transition: all 0.2s linear;
                    transition: all 0.2s linear;
                }

                .portfolio-columns-container > ul > li figure:hover figcaption {
                    opacity: 1;
                }

                    .portfolio-columns-container > ul > li figure:hover figcaption a:first-child {
                        -webkit-transform: translateY(0px);
                        -moz-transform: translateY(0px);
                        -o-transform: translateY(0px);
                        -ms-transform: translateY(0px);
                        transform: translateY(0px);
                    }

                    .portfolio-columns-container > ul > li figure:hover figcaption a:last-child {
                        -webkit-transform: translateY(0px);
                        -moz-transform: translateY(0px);
                        -o-transform: translateY(0px);
                        -ms-transform: translateY(0px);
                        transform: translateY(0px);
                    }

    .portfolio-columns-container.col-6 > ul > li {
        width: 16.641%;
    }

    .portfolio-columns-container.col-5 > ul > li {
        width: 20%;
    }

    .portfolio-columns-container.col-4 > ul > li {
        width: 24.999999%;
    }

    .portfolio-columns-container.col-3 > ul > li {
        width: 33.2%;
    }

@-webkit-keyframes animete-hover {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -o-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
    }

    90% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@keyframes animete-hover {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -o-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
    }

    90% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }
}

.latest-article article {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

    .latest-article article > img {
        width: 100%;
    }

    .latest-article article > div {
        position: relative;
        overflow: hidden;
    }

    .latest-article article h1 {
        color: #252e30;
        font-size: 18px;
        font-family: 'Ubuntu';
        font-weight: 400;
        margin-top: 15px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
        margin-bottom: 15px;
    }

        .latest-article article h1:hover {
            color: #B0112D;
        }

    .latest-article article > p {
        font-size: 14px;
        color: #828282;
        font-family: 'Ubuntu';
        font-weight: 300;
        margin-bottom: 20px;
    }

    .latest-article article .type-article {
        padding: 10px;
        background: #ce5432;
        display: block;
        position: absolute;
        left: 0;
        bottom: -1px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

        .latest-article article .type-article > i {
            border: 1px solid #fff;
            color: #fff;
            width: 33px;
            height: 33px;
            text-align: center;
            line-height: 33px;
            border-radius: 50%;
        }

    .latest-article article section {
        position: relative;
    }

        .latest-article article section h1 {
            font-weight: 400;
            font-family: 'Ubuntu';
            font-size: 18px;
            color: #fff;
            line-height: 21px;
            margin: 0;
            margin-bottom: 15px;
            text-transform: uppercase;
        }

        .latest-article article section p {
            font-weight: 400;
            font-family: 'Roboto';
            font-size: 14px;
            line-height: 21px;
            color: #fff;
        }

    .latest-article article footer a {
        text-transform: uppercase;
        font-size: 12px;
        color: #b6b5b5;
        font-weight: 400;
        font-family: 'Roboto';
        float: left;
        margin-right: 7px;
    }

        .latest-article article footer a i {
            border-radius: 50%;
            border: 1px solid #fff;
            color: #b6b5b5;
            width: 22px;
            height: 22px;
            line-height: 22px;
            text-align: center;
            font-size: 13px;
        }

        .latest-article article footer a:last-child {
            margin-right: 0;
        }

        .latest-article article footer a:hover {
            color: #62c6f8;
        }

            .latest-article article footer a:hover i {
                color: #62c6f8;
            }

    .latest-article article.format-standard .type-article {
        background: #377ba8;
    }

    .latest-article article.format-quote .type-article {
        background: #62c6f8;
    }

    .latest-article article.format-audio .type-article {
        background: #cc5081;
    }

.title-slider-revolution {
    font-family: 'Ubuntu';
    font-weight: 500;
    color: #fff;
    font-size: 35px;
    text-transform: uppercase;
}

.title-slider-revolution {
    font-family: 'Ubuntu';
    font-weight: 500;
    color: #fff;
    font-size: 29px;
    text-transform: uppercase;
}

.title-slider-revolution-02 {
    font-family: 'Ubuntu';
    font-weight: 400;
    color: #fff;
    font-size: 30px;
}

.p-slider-revolution {
    font-family: 'Roboto';
    font-weight: 400;
    color: #b7b4b9;
    font-size: 14px;
}

.a-slider-revolution {
    font-family: 'Ubuntu';
    font-weight: 500;
    border: 2px solid #fff;
    text-transform: uppercase;
    color: #fff;
    font-size: 17px;
    padding: 0.8em 1.6em;
}

    .a-slider-revolution:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.5);
    }

.a-slider-revolution-02 {
    font-family: 'Ubuntu';
    font-weight: 500;
    border-bottom: 3px solid #f5defa;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    padding: 1em 1.8em;
    background: #cd5be5;
}

    .a-slider-revolution-02:hover {
        color: #fff;
        background: #c02fde;
    }

.arrow-slide-down img {
    cursor: pointer;
}

.slider-block-feature {
    background: #fff;
    border-bottom: 2px solid #62c6f8;
    font-size: 23px;
    font-family: 'Ubuntu';
    font-weight: 400;
    color: #444444;
    padding: 12px 20px 12px 18px;
}

    .slider-block-feature span {
        position: absolute;
        left: 100%;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
        background: #62c6f8;
        top: 0;
        padding: 0.46em 0.2em 0.40em;
        color: #fff;
        font-size: 1.3em;
        min-height: 103%;
        width: 0;
    }

        .slider-block-feature span i {
            margin: 0 0.4em;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            transition: all 0.2s linear;
            width: 0;
            opacity: 0;
            -webkit-transform: translateX(-2em);
            -moz-transform: translateX(-2em);
            -o-transform: translateX(-2em);
            -ms-transform: translateX(-2em);
            transform: translateX(-2em);
        }

    .slider-block-feature:hover span {
        width: 2em;
    }

        .slider-block-feature:hover span i {
            margin: 0 0.4em;
            opacity: 1;
            width: auto;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -o-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

.revolutionSliderContainer {
    position: relative;
}

#map-canvas {
    width: 100%;
}

.contact-details {
    padding: 25px;
    background: #f7f7f7;
}

    .contact-details article {
        margin-bottom: 15px;
        width: 100%;
    }

        .contact-details article:last-child {
            margin-bottom: 0;
        }

        .contact-details article header {
            float: left;
            width: 30%;
            color: #4e4e4e;
            font-weight: 500;
            font-size: 14px;
        }

        .contact-details article footer {
            float: left;
            width: 70%;
        }

.input-container {
    width: 100%;
    display: block;
    border-bottom: 2px solid #DDDDDD;
    border-right: 2px solid #E7E4E4;
    margin-bottom: 20px;
}

    .input-container input,
    .input-container textarea {
        border: none;
        padding: 12px 3px;
        color: #8b8b8b;
        font-size: 14px;
        font-family: 'Ubuntu';
        font-weight: 300;
        float: left;
        width: 100%;
        margin-top: -46px;
        padding-right: 50px;
       
    }

    .input-container textarea {
        height: 200px;
         
    }

        .input-container textarea::-webkit-scrollbar {
            width: 2px;
            background: transparent;
        }

        .input-container textarea::-webkit-scrollbar-thumb {
            width: 2px;
            background: #67c8f8;
        }

    .input-container .icon {
        padding: 8px;
        background: #f7f7f7;
        float: right;
        position: relative;
        z-index: 5;
    }

        .input-container .icon i {
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 28px;
            border-radius: 50%;
            border: 1px solid #67c8f8;
            color: #67c8f8;
        }

form .btn-block-effect {
    float: left;
}

    form .btn-block-effect a {
        padding-left: 20px;
        padding-right: 20px;
      
    }

.testimonials-bg {
    background: url('../img/content/testimonials/bg.jpg') repeat center center fixed;
    -webkit-background-size: cover;
    background-size: cover;
}

.owl-testimonials {
    padding: 90px 0;
}

    .owl-testimonials header {
        text-align: center;
        margin-bottom: 15px;
    }

        .owl-testimonials header figure {
            display: inline-block;
        }

            .owl-testimonials header figure img {
                display: inline-block;
                border: 3px solid #fff;
            }

            .owl-testimonials header figure:after {
                content: '.';
                text-indent: 9999999px;
                display: block;
                width: 44px;
                height: 26px;
                background: url('../img/content/testimonials/testimonial-avatar-sub.png') no-repeat center center;
            }

    .owl-testimonials footer {
        text-align: center;
    }

        .owl-testimonials footer p {
            font-size: 19px;
            line-height: 26px;
            font-weight: 300;
            font-family: 'Open Sans';
            font-style: italic;
            color: #fff;
        }

    .owl-testimonials .owl-theme .owl-controls .owl-page span {
        border: 1px solid #fff;
        opacity: 0.5;
    }

    .owl-testimonials .owl-theme .owl-controls .owl-page.active span,
    .owl-testimonials .owl-theme .owl-controls.clickable .owl-page:hover span {
        opacity: 1;
        border: 1px solid #fff;
    }

.latest-articles-large article {
    position: relative;
/*  margin-bottom: 60px;*/  
}



    .latest-articles-large article > a {
        min-height: 50px;
        display: block;
        position: relative;
    }

        .latest-articles-large article > a img {
            width: 100%;
        }

        .latest-articles-large article > a > span {
            position: absolute;
            background: #377ba8;
            top: 0;
            right: 0;
            display: block;
            padding: 10px;
        }

            .latest-articles-large article > a > span i {
                width: 30px;
                height: 30px;
                border: 1px solid #fff;
                color: #fff;
                line-height: 30px;
                font-size: 12px;
                text-align: center;
                border-radius: 50%;
            }

    .latest-articles-large article .info-article {
        float: left;
      width:10%;
      /*  width: 70px; */
   /*    margin-top: -70px;*/ 
        position: relative;
        z-index: 5;
    }

        .latest-articles-large article .info-article figure {
            width: 100%;
        }

            .latest-articles-large article .info-article figure img {
                width: 100%;
                height: 70px;
            }

        .latest-articles-large article .info-article > a.date {
            text-align: center;
            padding: 10px 4px;
            background: #1FA6BD;
            border-bottom: 2px solid #e6e6e6;
            display: block;
            width: 100%;
            color: #FFFFFF;
            text-transform: uppercase;
            font-family: 'Ubuntu';
            font-weight: 400;
        }

            .latest-articles-large article .info-article > a.date span.date-top {
                font-size: 30px;
                display: block;
                margin-bottom: 4px;
                line-height: 18px;
            }

            .latest-articles-large article .info-article > a.date span.date-bottom {
                display: block;
                line-height: 14px;
                font-size: 12px;
            }

            .latest-articles-large article .info-article > a.date:hover {
                background: #1FA6BD;
            }

        .latest-articles-large article .info-article > a.like {
            text-align: center;
            padding: 10px 4px;
            width: 100%;
            display: block;
        }

            .latest-articles-large article .info-article > a.like i {
                font-size: 30px;
                color: #F40505;
                display: block;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }

            .latest-articles-large article .info-article > a.like span {
                color: #6b6b6b;
                display: block;
                font-size: 13px;
                font-weight: 400;
                font-family: 'Ubuntu';
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }

            .latest-articles-large article .info-article > a.like:hover i {
                color: #62c6f8;
            }

    .latest-articles-large article .content-article {
      /* padding: 20px 30px 30px 30px;*/ 
     /*  padding: 0px 30px 30px 30px; */
        padding: 0px 30px 30px 20px;
        float: right;
        background: #fafafa;
        border-bottom: 2px solid #f0f0f0;
        width: 90%;
    }

        .latest-articles-large .content-article1 {
      /* padding: 20px 30px 30px 30px;*/ 
       padding: 0px 30px 30px 30px;
        float: left;
        border-bottom: 1px solid #EDEDED;
        /*padding-bottom: 0px !important;
        padding-top: 5px !important;*/
        padding-bottom: 10px !important;
        padding-top: 15px !important;
        width: 100%;
    }

        .latest-articles-large article .content-article > a {
            display: block;
            background: #62c6f8;
            border-bottom: 2px solid #5aaad2;
           /*  padding: 10px 30px;*/

           padding:  7px 11px;
            line-height: 25px;
            color: #fff;
            text-transform: uppercase;
            float: right;
            margin-bottom: -32px;
            margin-left: -30px;
            font-size: 12px;
            font-weight: 500;
        }

         .latest-articles-large .content-article1 > a {
            display: block;
            background: #62c6f8;
            border-bottom: 2px solid #5aaad2;
           /*  padding: 10px 30px;*/

           padding:  7px 11px;
            line-height: 25px;
            color: #fff;
            text-transform: uppercase;
            float: right;
            margin-bottom: -32px;
            margin-left: -30px;
            font-size: 12px;
            font-weight: 500;
        }

            .latest-articles-large article .content-article > a i {
                width: 25px;
                height: 25px;
                line-height: 25px;
                text-align: center;
                font-size: 11px;
                margin-left: 8px;
                color: #fff;
                border-radius: 50%;
                border: 1px solid #fff;
            }

            .latest-articles-large article .content-article > a:hover {
                background: #31b4f6;
            }

        .latest-articles-large article .content-article h1 {
            margin-top: 0;
            margin-bottom: 3px;
            line-height: 20px;
              font-weight: 400;
                font-size: 14px;
                color: #505050;
                font-family: 'Ubuntu';
        }

        .latest-articles-large  .content-article1 h1 {
            margin-top: 0;
            margin-bottom: 3px;
            line-height: 20px;

        }

            .latest-articles-large article .content-article h1 a {
                font-weight: 400;
                font-size: 14px;
                color: #505050;
                font-family: 'Ubuntu';
            }
        .latest-articles-large article .content-article h1 a:hover {
   color: #BA0D30;
        }

            .latest-articles-large  .content-article1 h1 a {
                font-weight: 400;
                font-size: 14px;
                color: #A14580;
                font-family: 'Ubuntu';
            }
        .latest-articles-large .content-article1 h1 a:hover {
            color: #2952D8;
        }

        .latest-articles-large article .content-article blockquote {
            border: none;
            margin-bottom: 10px;
        }

            .latest-articles-large article .content-article blockquote a {
                margin-top: 0;
                margin-bottom: 10px;
                line-height: 27px;
                font-weight: 400;
                font-size: 21px;
                color: #62b7c4;
                font-family: 'Ubuntu';
            }

            .latest-articles-large article .content-article blockquote footer cite {
                color: #505050;
                font-size: 14px;
                font-weight: 300;
                font-family: 'Ubuntu';
            }

        .latest-articles-large article .content-article .entry-meta {
            margin-bottom: 10px;
        }

          .latest-articles-large  .content-article1 .entry-meta {
            margin-bottom: 10px;
              font-size: 12px;
                color: #7b7b7b;
                font-weight: 300;
                font-family: 'Roboto';
        }

            .latest-articles-large article .content-article .entry-meta span  {
                   font-size: 12px;
                   color: #7B7B7B;
            }

            .latest-articles-large article .content-article .entry-meta span a {
                font-size: 12px;
                color: #7b7b7b;
                font-weight: 300;
                font-family: 'Roboto';
            }

              .latest-articles-large  .content-article1 .entry-meta span a {
                font-size: 12px;
                color: #7b7b7b;
                font-weight: 300;
                font-family: 'Roboto';
            }

                .latest-articles-large article .content-article .entry-meta span a:hover {
                    color: #62c6f8;
                }

                    .latest-articles-large  .content-article1 .entry-meta span a:hover {
                    color: #62c6f8;
                }

            .latest-articles-large article .content-article .entry-meta span:after {
              /*   content: '|'; */
                font-size: 12px;
                color: #7b7b7b;
                font-weight: 300;
                font-family: 'Roboto';
                margin: 0 2px;
            }
            .latest-articles-large  .content-article1 .entry-meta span:after {
              /* content: '|';*/ 
                font-size: 12px;
                color: #7b7b7b;
                font-weight: 300;
                font-family: 'Roboto';
                margin: 0 2px;
            }


            .latest-articles-large article .content-article .entry-meta span:last-child:after {
                content: '';
            }
             .latest-articles-large  .content-article1 .entry-meta span:last-child:after {
                content: '';
            }

        .latest-articles-large article .content-article .entry-content {
            margin-bottom: 25px;
        }

            .latest-articles-large article .content-article .entry-content p {
                font-size: 14px;
                color: #626262;
                font-weight: 300;
                font-family: 'Roboto';
                line-height: 23px;
            }

    .latest-articles-large article.format-video > a > span {
        background: #ec5d95;
    }

        .latest-articles-large article.format-video > a > span i {
            border: 1px solid #fff;
            color: #fff;
        }

    .latest-articles-large article.format-link > a > span {
        background: #fff;
    }

        .latest-articles-large article.format-link > a > span i {
            border: 1px solid #ec5d95;
            color: #ec5d95;
        }

    .latest-articles-large article.format-quote {
        margin-top: 10px;
    }

        .latest-articles-large article.format-quote > a > span {
            background: #62b7c4;
        }

            .latest-articles-large article.format-quote > a > span i {
                border: 1px solid #fff;
                color: #fff;
            }

        .latest-articles-large article.format-quote .entry-meta {
            margin-bottom: 20px;
        }

    .latest-articles-large article.format-audio {
        margin-top: 10px;
    }

        .latest-articles-large article.format-audio > a > span {
            background: #cd5be5;
        }

            .latest-articles-large article.format-audio > a > span i {
                border: 1px solid #fff;
                color: #fff;
            }

        .latest-articles-large article.format-audio .content-article .song-details {
            position: relative;
            z-index: 5;
            margin-bottom: -43px;
            margin-left: 65px;
            margin-right: 120px;
        }

            .latest-articles-large article.format-audio .content-article .song-details > h1 {
                font-family: 'Ubuntu';
                font-weight: 400;
                color: #505050;
                font-size: 21px;
                margin-bottom: 3px;
                margin-top: 15px;
            }

            .latest-articles-large article.format-audio .content-article .song-details .entry-meta {
                margin-bottom: -15px;
            }

.sticky-blog-sep {
    position: absolute;
    width: 1px;
    height: 100%;
    background: #e9e9e9;
    top: 0;
    right: 0;
    margin-right: 0px;
    /* margin-top: -75px;*/
}

.sticky-blog-sep-left {
    position: absolute;
    width: 1px;
    height: 100%;
    background: #e9e9e9;
    top: 0;
    left: 0;
    margin-left: -48px;
    margin-top: -75px;
}

.sticky-blog-sep-bottom {
    position: absolute;
    width: 1px;
    height: 170px;
    background: #e9e9e9;
    top: 0;
    right: 0;
    margin-right: -48px;
    margin-top: -95px;
}

.sticky-blog-sep-bottom-left {
    position: absolute;
    width: 1px;
    height: 150px;
    background: #e9e9e9;
    top: 0;
    left: 0;
    margin-left: -48px;
    margin-top: -75px;
}

.latest-articles-masonry article .info-article {
    float: left;
    width: 70px;
    margin-top: -70px;
    position: relative;
    z-index: 5;
}

    .latest-articles-masonry article .info-article figure {
        width: 100%;
    }

        .latest-articles-masonry article .info-article figure img {
            width: 100%;
            height: 70px;
        }

    .latest-articles-masonry article .info-article > a.date {
        text-align: center;
        padding: 10px 4px;
        background: rgba(0, 0, 0, 0.4);
        border-bottom: none;
        display: block;
        width: 100%;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Ubuntu';
        font-weight: 400;
        height: 70px;
        margin-top: -140px;
    }

        .latest-articles-masonry article .info-article > a.date span.date-top {
            font-size: 21px;
            display: block;
            margin-bottom: 4px;
            line-height: 18px;
        }

        .latest-articles-masonry article .info-article > a.date span.date-bottom {
            display: block;
            line-height: 14px;
            font-size: 11px;
        }

        .latest-articles-masonry article .info-article > a.date:hover {
            background: rgba(0, 0, 0, 0.5);
        }

    .latest-articles-masonry article .info-article > a.like {
        background: rgba(0, 0, 0, 0.4);
        margin-left: 70px;
        text-align: center;
        padding: 10px 4px;
        width: 100%;
        display: block;
        height: 70px;
        padding-top: 14px;
    }

        .latest-articles-masonry article .info-article > a.like i {
            font-size: 30px;
            color: #fff;
            display: block;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .latest-articles-masonry article .info-article > a.like span {
            color: #fff;
            display: block;
            font-size: 13px;
            font-weight: 400;
            font-family: 'Ubuntu';
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .latest-articles-masonry article .info-article > a.like:hover {
            background: rgba(0, 0, 0, 0.5);
        }

            .latest-articles-masonry article .info-article > a.like:hover i {
                color: #62c6f8;
            }

.latest-articles-masonry article .content-article {
    width: 100% !important;
    padding: 20px;
    padding-bottom: 30px;
}

    .latest-articles-masonry article .content-article > a {
        margin-left: -20px;
    }

    .latest-articles-masonry article .content-article .song-details {
        margin-top: -10px;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }

        .latest-articles-masonry article .content-article .song-details .entry-meta {
            margin-bottom: 20px !important;
        }

.post-container-single .content-article {
    background: #fff !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
}

    .post-container-single .content-article .entry-content p {
        margin-bottom: 20px;
    }

    .post-container-single .content-article .entry-content .tags-single {
        margin-top: 40px;
        margin-bottom: 15px;
    }

        .post-container-single .content-article .entry-content .tags-single h1 {
            float: left;
            font-size: 14px;
            font-weight: 400;
            color: #7b7b7b;
            font-family: 'Ubuntu';
            margin-right: 15px;
            line-height: 31px;
            margin-bottom: 0;
        }

        .post-container-single .content-article .entry-content .tags-single ul li a {
            float: left;
            display: block;
            padding: 7px 15px;
            font-size: 12px;
            font-weight: 400;
            font-family: 'Roboto';
            text-transform: uppercase;
            color: #fff;
            background: #62c6f8;
            margin-right: 5px;
            margin-bottom: 5px;
            border: 1px solid transparent;
        }

            .post-container-single .content-article .entry-content .tags-single ul li a:hover {
                border: 1px solid #62c6f8;
                background: #fff;
                color: #62c6f8;
            }

.post-container-single .sticky-tags-sep {
    width: 99%;
    height: 1px;
    background: #f0f0f0;
    position: absolute;
    margin-left: -30px;
}

.post-container-single .entry-author-info {
    float: right;
    padding: 30px 0 15px 0;
}

    .post-container-single .entry-author-info .sticky-tags-sep {
        margin-left: 0;
        margin-top: 25px;
    }

    .post-container-single .entry-author-info .author-avatar {
        float: left;
        width: 10%;
    }

    .post-container-single .entry-author-info .author-description {
        float: left;
        width: 90%;
        padding-left: 20px;
    }

        .post-container-single .entry-author-info .author-description p {
            font-size: 14px;
            font-weight: 300;
            color: #7b7b7b;
            font-family: 'Roboto';
            line-height: 23px;
        }

        .post-container-single .entry-author-info .author-description h3 {
            float: left;
            font-size: 19px;
            color: #505050;
            font-weight: 400;
            font-family: 'Ubuntu';
            margin-right: 10px;
            margin-top: 0;
            margin-bottom: 10px;
        }

        .post-container-single .entry-author-info .author-description .author-link {
            float: left;
            line-height: 19px;
        }

            .post-container-single .entry-author-info .author-description .author-link a {
                font-size: 12px;
                font-weight: 300;
                color: #7b7b7b;
                font-family: 'Roboto';
            }

.comment-container {
    float: right;
    padding-top: 20px;
}

    .comment-container .sticky-tags-sep {
        margin-left: 0;
    }

    .comment-container > h1 {
        font-size: 19px;
        color: #505050;
        font-weight: 400;
        font-family: 'Ubuntu';
        line-height: 28px;
    }

        .comment-container > h1 i {
            color: #74cdf9;
            border-radius: 50%;
            width: 28px;
            height: 28px;
            border: 1px solid #74cdf9;
            text-align: center;
            line-height: 28px;
            font-size: 12px;
            margin-right: 5px;
        }

    .comment-container ul.comments {
        padding-left: 70px;
    }

        .comment-container ul.comments .left-section {
            float: left;
            margin-left: -70px;
            width: 70px;
        }

            .comment-container ul.comments .left-section img {
                width: 70px;
            }

            .comment-container ul.comments .left-section a {
                display: block;
                color: #fff;
                font-family: 'Ubuntu';
                text-transform: uppercase;
                font-weight: 400;
                padding: 8px 5px;
                line-height: 19px;
                font-size: 11px;
                background: #62c6f8;
            }

                .comment-container ul.comments .left-section a i {
                    margin-top: -1px;
                    width: 18px;
                    height: 18px;
                    color: #fff;
                    border: 1px solid #fff;
                    border-radius: 50%;
                    font-size: 9px;
                    text-align: center;
                    line-height: 16px;
                }

        .comment-container ul.comments .right-section {
            width: 100%;
        }

            .comment-container ul.comments .right-section h1 {
                margin-top: 0;
                margin-bottom: 0;
                padding-left: 20px;
                float: left;
            }

                .comment-container ul.comments .right-section h1 a {
                    color: #505050;
                    left: 70px;
                    font-size: 19px;
                    font-family: 'Ubuntu';
                    font-weight: 400;
                    line-height: 70px;
                }

            .comment-container ul.comments .right-section .top-comment {
                background: #fff;
            }

            .comment-container ul.comments .right-section .top-comment-sec {
                float: right;
                text-transform: uppercase;
                font-size: 14px;
                color: #979797;
                font-weight: 300;
                font-family: 'Ubuntu';
                line-height: 70px;
            }

            .comment-container ul.comments .right-section .comment-text {
                background: #f7f7f7;
                padding: 20px;
                margin-top: -35px;
            }

                .comment-container ul.comments .right-section .comment-text p {
                    font-size: 14px;
                    color: #7b7b7b;
                    line-height: 23px;
                    font-family: 'Roboto';
                    font-weight: 300;
                }

                    .comment-container ul.comments .right-section .comment-text p:last-child {
                        margin-bottom: 0;
                    }

                .comment-container ul.comments .right-section .comment-text:before {
                    border-left: 7px solid transparent;
                    border-bottom: 12px solid #f7f7f7;
                    border-right: 7px solid transparent;
                    border-top: 12px solid transparent;
                    width: 0;
                    height: 0;
                    display: block;
                    content: '.';
                    text-indent: -99999px;
                    position: absolute;
                    margin-top: -44px;
                }

        .comment-container ul.comments > li {
            margin-bottom: 40px;
        }

        .comment-container ul.comments li > ul {
            margin-left: 70px;
        }

            .comment-container ul.comments li > ul .right-section .top-comment {
                background: #f7f7f7;
            }

            .comment-container ul.comments li > ul .right-section .top-comment-sec {
                padding-right: 15px;
            }

            .comment-container ul.comments li > ul .right-section .comment-text {
                background: #fff;
            }

                .comment-container ul.comments li > ul .right-section .comment-text:before {
                    border-bottom-color: #fff;
                }

        .comment-container ul.comments li {
            background: #f7f7f7;
        }

            .comment-container ul.comments li li {
                background: #fff;
            }

                .comment-container ul.comments li li li {
                    background: #f7f7f7;
                }

                    .comment-container ul.comments li li li .right-section .top-comment {
                        background: #fff;
                    }

                    .comment-container ul.comments li li li .right-section .top-comment-sec {
                        padding-right: 15px;
                    }

                    .comment-container ul.comments li li li .right-section .comment-text {
                        background: #f7f7f7;
                    }

                        .comment-container ul.comments li li li .right-section .comment-text:before {
                            border-bottom-color: #f7f7f7;
                        }

                    .comment-container ul.comments li li li li .right-section .top-comment {
                        background: #f7f7f7;
                    }

                    .comment-container ul.comments li li li li .right-section .top-comment-sec {
                        padding-right: 15px;
                    }

                    .comment-container ul.comments li li li li .right-section .comment-text {
                        background: #fff;
                    }

                        .comment-container ul.comments li li li li .right-section .comment-text:before {
                            border-bottom-color: #fff;
                        }

                    .comment-container ul.comments li li li li ul {
                        margin-left: 0 !important;
                    }

.comment-respond {
    position: relative;
    padding-top: 40px;
}

    .comment-respond > h3 {
        font-size: 19px;
        font-family: 'Ubuntu';
        font-weight: 400;
        color: #505050;
    }

.widget {
    margin-bottom: 60px;
}

    .widget .widget-title {
        font-size: 18px;
        color: #505050;
        font-weight: 400;
        font-family: 'Ubuntu';
        line-height: 25px;
    }

        .widget .widget-title i {
            width: 25px;
            height: 25px;
            font-size: 11px;
            line-height: 25px;
            text-align: center;
            border-radius: 50%;
            border: 1px solid #43d788;
            color: #43d788;
            margin-right: 8px;
            display: block;
            float: left;
        }

    .widget .widget-nav-tabs {
        width: 30px;
        margin-right: 10px;
        float: left;
    }

        .widget .widget-nav-tabs li {
            text-align: center;
        }

            .widget .widget-nav-tabs li a {
                display: inline-block;
            }

                .widget .widget-nav-tabs li a i {
                    -webkit-transition: all 0.2s linear;
                    -moz-transition: all 0.2s linear;
                    -o-transition: all 0.2s linear;
                    -ms-transition: all 0.2s linear;
                    transition: all 0.2s linear;
                    width: 20px;
                    height: 20px;
                    font-size: 9px;
                    line-height: 18px;
                    text-align: center;
                    border-radius: 50%;
                    border: 1px solid #b2b2b2;
                    color: #b2b2b2;
                    margin-bottom: 3px;
                }

            .widget .widget-nav-tabs li.active a i {
                border: 1px solid #4ed98f;
                color: #4ed98f;
                font-size: 15px;
                width: 30px;
                height: 30px;
                line-height: 29px;
                margin-top: 2px;
            }

    .widget .tab-content {
        float: left;
        padding-top: 0;
    }

        .widget .tab-content h1 {
            margin-top: 5px;
            margin-bottom: 0;
        }

.widget_archive ul,
.widget_categories ul {
    margin-left: 33px;
}

    .widget_archive ul li,
    .widget_categories ul li {
        float: left;
        width: 50%;
        margin-bottom: 5px;
    }

        .widget_archive ul li a,
        .widget_categories ul li a {
            color: #757575;
            font-weight: 300;
            font-family: 'Roboto';
            font-size: 14px;
        }

            .widget_archive ul li a:hover,
            .widget_categories ul li a:hover {
                color: #62c6f8;
            }

.widget_contact {
    background: #43d788;
    padding: 25px;
    border-bottom: 4px solid #2fb36d;
}

    .widget_contact i {
        width: 75px;
        height: 75px;
        line-height: 75px;
        text-align: center;
        color: #fff;
        border-radius: 50%;
        border: 1px solid #fff;
        font-size: 36px;
        margin-bottom: 20px;
    }

    .widget_contact p {
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        font-family: 'Roboto';
        line-height: 21px;
        margin-bottom: 20px;
    }

        .widget_contact p strong {
            font-weight: 500;
            font-family: 'Roboto';
        }

        .widget_contact p span {
            display: block;
        }

        .widget_contact p:last-child {
            margin-bottom: 0;
        }

.widget_recent_entries article,
.widget_top_entries article {
    padding-bottom: 15px;
    margin-top: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .widget_recent_entries article figure,
    .widget_top_entries article figure {
        float: right;
        margin-left: 15px;
    }

    .widget_recent_entries article a,
    .widget_top_entries article a {
        font-size: 14px;
        font-weight: 300;
        color: #6f6f6f;
        font-family: 'Roboto';
        line-height: 22px;
        display: block;
        min-height: 40px;
    }

.widget_tabs {
    margin-bottom: 30px;
}

.widget_post_type_filter ul {
    display: block !important;
    border: none !important;
    background: none !important;
}

    .widget_post_type_filter ul li {
        width: 50%;
        float: left !important;
        padding: 0 1px;
    }

        .widget_post_type_filter ul li > a {
            display: block;
            border-bottom: none !important;
            padding: 25px 0;
            background: #62c6f8;
            text-align: center;
            margin-bottom: 2px;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .widget_post_type_filter ul li i {
            display: inline-block;
            font-size: 30px;
            width: 75px;
            height: 75px;
            border: 1px solid #fff;
            color: #fff;
            border-radius: 50%;
            line-height: 75px;
            text-align: center;
        }

        .widget_post_type_filter ul li:hover > a {
            background: #377ba8;
        }

.widget_recent_photos p {
    color: #c4c9cd;
}

.widget_recent_posts article {
    margin-bottom: 10px;
}

    .widget_recent_posts article figure {
        float: left;
    }

        .widget_recent_posts article figure img {
            margin-right: 15px;
        }

    .widget_recent_posts article a {
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        font-family: 'Ubuntu';
        line-height: 20px;
    }

        .widget_recent_posts article a > span {
            display: block;
            color: #9c9c9c;
            font-size: 12px;
        }

        .widget_recent_posts article a firstletter {
            color: #ec5d95;
        }

.widget_recent_photos > img {
    float: left;
    padding: 0 20px;
}

.widget_recent_photos p {
    color: #c4c9cd;
    margin-top: -5px;
    margin-bottom: 20px;
    text-align: left;
}

    .widget_recent_photos p.db-w {
        color: #fff;
        margin-top: 0;
        margin-bottom: 0;
    }

.widget-the-blog article {
    /* margin-bottom: 20px; */
    margin-bottom: 5px;
}

    .widget-the-blog article figure {
        float: left;
        padding: 0 !important;
    }

        .widget-the-blog article figure img {
            margin-right: 15px;
        }

    .widget-the-blog article a {
        color: #fff;
        font-weight: 300;
        font-size: 14px;
        font-family: 'Ubuntu';
        line-height: 23px;
    }

        .widget-the-blog article a firstletter {
            color: #ec5d95;
        }

    .widget-the-blog article span {
        display: block;
        color: #fff;
        font-size: 12px;
        font-weight: 300;
        font-family: 'Ubuntu';
        line-height: 12px;
        margin-top: 10px;
    }

        .widget-the-blog article span i {
            line-height: 12px;
            font-size: 11px;
            margin-right: 3px;
        }

.widget-contact p {
    color: #fff;
    margin-bottom: 20px;
}

.widget-contact ul li {
    margin-bottom: 8px;
    color: #fff;
    line-height: 22px;
}

    .widget-contact ul li i {
        border: 1px solid #fff;
        color: #fff;
        border-radius: 50%;
        width: 22px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        font-size: 11px;
        margin-right: 5px;
    }

    .widget-contact ul li strong {
        font-weight: 400;
    }

.main-footer {
    padding: 25px 0 10px 0;
    background: #16151d;
    position: relative;
    border-top: 2px solid #373737;
    color: #C4C9CD;
}

    .main-footer:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        /*  background-color: #1c1a24;*/
        z-index: 1;
        margin-left: -142px;
    }

    .main-footer .container {
        position: relative;
        z-index: 5;
    }

.bottom-footer {
    margin-top: 10px;
}

.top-footer .widget {
    margin-bottom: 20px;
}

    .top-footer .widget > h1.widget-title {
        color: #fff;
        font-weight: 500;
        font-size: 18px;
        font-family: 'Ubuntu';
        margin-bottom: 20px;
    }

.top-footer .portfolio-columns-container {
    margin-bottom: 20px;
}

    .top-footer .portfolio-columns-container > ul > li {
        width: 25%;
    }

        .top-footer .portfolio-columns-container > ul > li figure figcaption a {
            top: 30%;
        }

            .top-footer .portfolio-columns-container > ul > li figure figcaption a:first-child {
                margin-right: 0;
            }

        .top-footer .portfolio-columns-container > ul > li:first-child {
            width: 50%;
        }

            .top-footer .portfolio-columns-container > ul > li:first-child figure figcaption a {
                top: 40%;
            }

                .top-footer .portfolio-columns-container > ul > li:first-child figure figcaption a:first-child {
                    margin-right: 10px;
                }

.footer-social ul li {
    float: left;
    margin-right: 6px;
}

    .footer-social ul li a i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        color: #6e6c73;
        border: 1px solid #6e6c73;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .footer-social ul li a:hover i {
        color: #a4a3a7;
        border: 1px solid #a4a3a7;
    }

.copy {
    margin-top: 7px;
    float: right;
    color: #6e6c73;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Roboto';
    line-height: 26px;
}

    .copy img {
        float: left;
        margin-right: 10px;
    }

    .copy a {
        color: #fff;
    }

#music-player-container {
    padding: 0 !important;
    height: 53px !important;
}

#progress-slider {
    cursor: pointer;
}

#song-name {
    font-size: 0.8em;
    position: absolute;
    margin-top: -12px;
    font-weight: bold;
}

a .ui-slider-handle {
    display: none;
}

.ui-slider {
    height: 12px;
    width: 100%;
    background: #3861b6;
}

#song-time {
    font-size: 21px;
    color: #a6a6a6;
    font-family: 'Ubuntu';
    font-weight: 400;
    position: absolute;
    right: 0;
    bottom: 30px;
}
/***** DIV PLAYER *****/
.bg-progress {
    height: 5px;
    background: #e6e6e6;
}

    .bg-progress > div {
        height: 5px;
        background: #cd5be5;
    }

.play-pause-container {
    padding: 10px;
    background: #cd5be5;
    cursor: pointer;
    display: block;
    float: left;
}

    .play-pause-container i {
        width: 33px;
        height: 33px;
        border-radius: 50%;
        border: 1px solid #fff;
        text-align: center;
        line-height: 33px;
        color: #fff;
        font-size: 14px;
    }

        .play-pause-container i:before {
            content: "\f04b";
        }

    .play-pause-container.playing i:before {
        content: "\f04c";
    }

#slider-wrapper {
    padding-left: 54px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.music-player {
    margin-bottom: 30px;
}

@media (min-width: 1600px) {
    .breadcrumb-metrix-title-bg-AboutUs {
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
    }

    .breadcrumb-metrix-title {
     /* padding: 230px 0;*/  
    }
}

@media screen and (min-device-width: 993px) and (max-device-width: 1600px) {
    .mp-level { display: none; }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1600px) { 
       #likebox-frame1 iframe {
        top: -1px;
    }
}




@media (max-width: 1230px) {


    .fr-touch-close {
    
        right: 12px;
    }

    .box-presentation header .icon-presentation {
    
        width: 18%;
    }

    #likebox-frame1 iframe {
        top:0px;
    }

    .left-logo-menu img {
        width: 88%;
    margin-top: 22px;
    }

    .portfolio-container > article section {
        display: none;
    }

    .metro-menu .left-logo-menu h1 {
        line-height: 95px;
    }

    .metro-menu .left-logo-menu img {
        margin-top: 20px;
    }

    .breadcrumb-metrix.grey:after {
        margin-right: 150px;
    }

    .portfolio-navigation.full-width ul li {
        margin-left: 39.7%;
    }

    .main-footer:after {
        margin-left: -117px;
    }

    html.boxed .scroller {
        max-width: 970px;
    }

    html.boxed .menu-container {
        max-width: 968px;
    }

    .sticky-content-sub-menu:after {
     /*   margin-left: -282px;*/
    }

    .sticky-content-sub-menu .stiky-widgets .widget h1 {
        font-size: 16px;
    }

    .metro-menu.affix-menu nav.menu > ul > li > a {
        min-height: 95px;
        min-width: 95px;
    }

    .metro-menu.affix-menu .left-logo-menu h1 {
        line-height: 95px;
    }

    .metro-menu.affix-menu .left-logo-menu img {
        margin-top: 20px;
    }

    .metro-menu.affix-menu .metro-menu-show-hidden {
        height: 95px;
        width: 95px;
    }

        .metro-menu.affix-menu .metro-menu-show-hidden footer {
            margin-top: 30px;
        }

    .metro-menu.affix-menu nav.menu > ul > li > a figure > i {
        font-size: 30px;
        margin-top: 15px;
    }

    .metro-menu-show-hidden footer {
        margin-top: 30px;
    }

    .menu-type-04 nav.menu ul li a figure .icon-menu {
        margin-top: 27.5px;
    }

    .metro-menu nav.menu > ul > li > a figure > i {
        font-size: 30px;
        margin-top: 15px;
    }

    .metro-menu nav.menu > ul > li > a {
        min-width: 95px;
        min-height: 95px;
    }

    .metro-menu-show-hidden {
        width: 95px;
        height: 95px;
    }

    .post-container-single .sticky-tags-sep {
        width: 97.4%;
    }


    .top-footer .portfolio-columns-container > ul > li figure figcaption a i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }

    .portfolo-description .sticky-tags-sep {
        margin-left: -54px;
    }

    .widget_post_type_filter ul li > a {
        padding: 15px 0;
    }

    .sticky-blog-sep,
    .sticky-blog-sep-bottom {
     /*   margin-right: -40px;*/
     margin-right: 0px;
    }

    .sticky-blog-sep-left,
    .sticky-blog-sep-bottom-left {
        margin-left: -40px;
    }

    .latest-articles-large article .info-article {
        margin-right: -1px;
    }

    .portfolio-columns-container.col-6 > ul > li {
        width: 33.333333333333333%;
    }

    .portfolio-columns-container.col-5 > ul > li,
    .portfolio-columns-container.col-6 > ul > li {
        width: 24.9%;
    }

    .vertical-progress > span {
        display: none;
    }

    .latest-article article section h1 {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .latest-article article section p {
        font-size: 12px;
        line-height: 18px;
    }

    .portfolio-container > article header h1 {
        font-size: 16px;
        line-height: 20px;
    }

    .portfolio-container > article header,
    .portfolio-container > article footer {
        padding: 15px;
    }

        .portfolio-container > article footer p {
            line-height: 18px;
        }

    .menu ul > li a figure {
        padding: 22.5px 10px 22.5px 0;
    }

    .menu ul > li .icon-menu {
        padding: 5px;
        margin-top: 5px;
    }

    .menu ul > li a figure figcaption h1 {
        font-size: 12px;
        margin-top: 19px;
    }

    .menu ul > li a figure figcaption h2 {
        font-size: 10px;
    }

    .menu ul > li:hover.block-effect-right .icon-menu {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    .menu ul > li:hover.block-effect-left .icon-menu {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    .box-presentation:hover.block-effect .icon-presentation section {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    .menu ul > li .icon-menu span,
    .box-presentation header .icon-presentation section span {
        display: none;
    }

    .nav-pills-04,
    .tab-content-04 {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0;
    }

        .nav-pills-04 li {
            border: 1px solid #675296;
            float: none;
            text-align: left;
            width: 100%;
            display: block;
            margin-bottom: -1px;
        }
}

@media (max-width: 992px) {

#feedback {
        right: -84px;
        top: 532px;
    }

#feedback a {
    min-width: 50px;
    }

#ContactUsMobile {
        right: -38px;
        top: 690px;
    }
#ContactUsMobile a {
        padding: 5px 17px;
    }

.box-presentation header .icon-presentation {
width: 22%;
}

     .mp-level { display:block; }

.MapHeight {
height: 380px;
}



    #likebox-frame1 iframe {
        top: -2px;
    }

    .sticky-container {
        /*background-color: #333; */
        padding: 0px;
        margin: 0px;
        position: relative;
        right: 33%;
        width: 100%;
        z-index: 1000;
        margin: 0 auto;
        display: inline-block;
        top: 0;
        /* margin-bottom: 83px; */
        left: 41%;
    }

    #wizHeader li a {
        font-size:12px;
    }


    #wizHeader li a:after {

border-top: 19px solid transparent !important;
border-bottom: 19px solid transparent !important;
border-left: 10px solid hsla(34,85%,35%,1) !important;
margin-top: -15px !important;

}

        #wizHeader li a:before {
            border-top: 19px solid transparent !important;
border-bottom: 19px solid transparent !important;
border-left: 10px solid white !important;
margin-top: -15px !important;

        }

    .sticky li p {
        display: none;
    }

    .sticky li {
        height: auto;
        border: 0px;
    }

        .sticky li:hover {
            margin-left: auto;
        }

        .sticky li img {
            margin-right: auto;
        }

    .left-logo-menu {
        width: 100%;
    }

        .left-logo-menu img {
            width: 160px;
            margin-top: 17px;
        }

    .breadcrumb-metrix.grey:after {
        margin-right: 115px;
    }

    .portfolio-navigation.full-width ul li {
        margin-left: 36%;
    }

    html.boxed .scroller {
        max-width: 90%;
    }

    html.boxed .menu-container {
        max-width: 100%;
    }

    .main-footer:after {
        margin-left: -90px;
    }

    .replacement-header {
        height: 0 !important;
    }

    .portfolio-columns-container > ul > li figure figcaption {
   /*     display: none !important;*/
    }

    .top-footer .portfolio-columns-container > ul > li figure figcaption a:first-child {
        display: none;
    }

    .top-footer .portfolio-columns-container > ul > li figure figcaption a {
        top: 17%;
    }

    .portfolo-description .sticky-tags-sep {
        margin-left: -46px;
    }

    .post-container-single .sticky-tags-sep {
        width: 94.4%;
    }

    .latest-articles-large article.format-audio .content-article .song-details .entry-meta {
        margin-bottom: 10px;
    }

    .latest-articles-large article.format-audio .content-article .song-details {
        margin: 0;
    }

    .widget .widget-nav-tabs {
        width: 100%;
        float: none;
        text-align: left;
        height: 40px;
        display: block;
        margin-right: 0;
    }

    .widget_post_type_filter ul li i {
        font-size: 22px;
        width: 55px;
        height: 55px;
        line-height: 55px;
    }

    .widget .widget-nav-tabs li {
        display: inline-block;
    }

    .widget .tab-content .tab-pane {
        margin-top: 0 !important;
    }

    .widget .tab-content {
        width: 100% !important;
    }

    .widget_archive ul li,
    .widget_categories ul li {
        width: 100%;
    }

    .sticky-blog-sep,
    .sticky-blog-sep-bottom {
      /* margin-right: -30px;*/ 
      margin-right: 0px;
    }

    .sticky-blog-sep-left,
    .sticky-blog-sep-bottom-left {
        margin-left: -30px;
    }

    .latest-articles-large article .info-article {
        margin-right: 0;
    }

    .product-presentation header h1 {
        font-size: 26px;
    }

    .product-presentation header i {
        float: none;
        margin: 0;
        margin-bottom: 10px;
    }

    .product-presentation footer {
        margin-left: 0;
    }

    .vertical-progress-container .indicator {
        width: 60px;
    }

        .vertical-progress-container .indicator h1 {
            font-size: 18px;
        }

    .portfolio-container > article header h1 {
        font-size: 12px;
        line-height: 14px;
    }

    .latest-article article {
        cursor: pointer;
    }

        .latest-article article .type-article {
            bottom: 0;
        }

    .portfolio-container > article header,
    .portfolio-container > article footer {
        padding: 10px 15px;
    }

        .portfolio-container > article footer p {
            line-height: 12px;
            font-size: 11px;
        }

        .portfolio-container > article footer section a {
            font-size: 9px;
        }

        .portfolio-container > article footer section {
            margin-top: 0;
        }

    .menu-container {
        top: auto !important;
        position: relative !important;
    }

    .menu,
    .metro-menu-show-hidden {
        display: none;
    }

    .left-logo-menu {
        width: 100%;
        border: none;
    }


    a > i.fa-bars {
        display: block;
            margin-right: -8px !important;
    }
}


@media (max-width: 767px) {
    .modal {
        position: absolute;
        overflow:visible;
    }
    .modal-open {
        overflow:visible;
    }


li.fb-album, li.fb-photo {
    
    width: 44% !important;}

}


@media (max-width: 768px) {

li.fb-album, li.fb-photo {
  width: 44% !important;
  }

.fb-preview-img-prev, .fb-preview-img-next {
        top: 36% !important;
    }

  .youmax-video-tnail {
    height: 68px !important;
}
.youmax-playlist-video-count {
    margin-top: 14px !important;
    font-size: 11px !important;
}
.youmax-showing {
     font-size: 12px  !important;
}
.youmax-showing-title {
        font-size: 12px !important;
        padding: 5px !important;
    }
.youmax-video-list-title {
    font-size: 12px !important;
}
.youmax-tab {
    font-size: 12px !important;
   margin-top: 0px !important;
    padding: 6px !important;
}

div#youmax-load-more-div {
        padding: 6px !important;
        margin: 15px 7px !important;
    }
#youmax-lightbox {
        z-index: 5000000 !important;
    }
iframe {width: 100% !important;
    }







    #StudentReporter .modal-dialog  {width:100%;}

     #TestimonialsVideos .modal-dialog  {width:100%;}

    .h-et {
  font-size: 21px;
}
.form-control {
        height: 34px !important;
    }

.OurSchoolThumnails {
  width: 223px;
}

.modal-header .close {
    margin-top: -7px !important;
}

.close {
      
        font-size: 26px !important;
    }

.fr-touch-close {
 
        right: 10px;
    }

.OurschoolBottomSpace {
    margin-bottom:0px;
    }

.costumers-carousel {
  padding:0px;
}

.costumers-carousel .h-et {
  
   font-size: 18px;
}

.AgeCalcEligibilityBox {
    line-height: 17px !important;
}

    .PopupupButton {
    margin-bottom: -28px
}

.modal {

z-index: 3500 !important;
}

.modal-footer {
        margin-top: -8px !important;
    }

    .form-control {
       
        margin-bottom: 6px !important;
    }

.MainBannerWidth {width:96%;
    }
   
.BannerNoDisplay {display:inherit !important;
}
.BannerDisplay {display:none !important;
}

#feedback a {
      /*width: 165px;*/

     width:  186px;
        
        padding: 4px 12px 4px 12px;
        font-size: 14px
    }

 .MapHeight {
       height: 300px;
    }

  .menu-type-04 {
        height: 80px;
    }


.hrDisplay {
        display:inherit;
    }

.portfolio-container > article .link-container {
        display: none;
    }

    .PaddingRight {
    padding-right: 0px !important;
}

    .left-logo-menu {
        width: 100%;
    }

        .left-logo-menu img {
            width: 160px;
            margin-top: 17px;
        }


    #testText {
        font-size: 35px;
        top: 60% !important;
        left: 42% !important;
    }

    .breadcrumb-metrix.grey:after {
        display: none;
    }

    .portfolio-navigation.full-width ul li {
        margin: 0;
    }

        .portfolio-navigation.full-width ul li:first-child {
            float: left;
            margin: 0;
        }

        .portfolio-navigation.full-width ul li:last-child {
            float: right;
            margin: 0;
        }

    .breadcrumb-metrix .breadcrumb-page-source {
        float: right;
        position: relative;
        right: 0;
    }

    .main-footer:after {
        display: none;
    }

    .box-presentation-responsive {
        width: 50%;
        float: left;
    }

        .box-presentation-responsive .box-presentation header .title-presentation {
         /*   width: 100%;*/
           width: 77%;
        }

    .top-footer .widget {
        margin-bottom: 50px;
    }

    .breadcrumb-metrix.grey .left-breadcrumb {
        border: none;
    }

    .portfolio-columns-container.col-6 > ul > li {
        width: 33.2%;
    }

    .team-member header article {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .team-member header .social {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .portfolo-description .sticky-tags-sep {
        margin-left: 0;
        width: 100%;
    }

    .portfolio-navigation {
        margin-top: 50px;
    }

    .portfolio-single-container header section div.share:hover .dd-share {
        display: none;
    }

    .show-hide-social-single {
        display: block !important;
    }

    .comment-container ul.comments li li li ul {
        margin-left: 0 !important;
    }

    .comment-container ul.comments .left-section {
        width: 50px;
        margin-left: -50px;
    }

        .comment-container ul.comments .left-section img {
            width: 50px;
        }

    .comment-container ul.comments {
        padding-left: 50px;
    }

        .comment-container ul.comments .right-section h1 a {
            line-height: 50px;
        }

        .comment-container ul.comments li > ul {
            margin-left: 50px;
        }

        .comment-container ul.comments .right-section h1 {
            line-height: 0;
        }

        .comment-container ul.comments .right-section .top-comment-sec {
            line-height: 50px;
        }

        .comment-container ul.comments .left-section a {
            text-align: center;
        }

            .comment-container ul.comments .left-section a i {
                display: none;
            }

        .comment-container ul.comments .right-section h1 a {
            font-weight: 500;
            font-size: 14px;
        }

    .post-container-single .sticky-tags-sep {
        width: 100%;
        position: relative;
        margin-left: 0;
    }

    .latest-articles-large article {
        width: 100%;
    }

    .widget_archive ul li,
    .widget_categories ul li {
        width: auto;
        float: left;
        margin-right: 15px;
    }

    .sticky-blog-sep,
    .sticky-blog-sep-bottom {
        display: none;
    }

    .sticky-blog-sep-left,
    .sticky-blog-sep-bottom-left {
        display: none;
    }

    .contact-details {
        margin-bottom: 20px;
    }

    #map-canvas {
        height: 250px !important;
    }

    .product-presentation header h1 {
        line-height: 40px;
        font-size: 24px;
    }

    .product-presentation header {
        text-align: center;
    }

        .product-presentation header i {
            display: inline-block;
            margin-bottom: 25px;
        }

        .product-presentation header h1 {
            text-align: center;
        }

    .image-presentation {
        margin-bottom: 40px;
    }

    .portfolio-columns-container > ul > li {
        cursor: pointer;
    }

        .portfolio-columns-container > ul > li figure figcaption {
          /*display: none !important;*/  
        }

    .vertical-progress-container .indicator i {
        display: none;
    }

    .vertical-progress-container .indicator {
        left: auto;
        width: 100%;
        text-align: center;
    }

    .latest-article article {
        width: 50%;
        float: left;
    }

    .portfolio-container > article {
        cursor: pointer;
    }

        .portfolio-container > article:hover {
            z-index: 2;
        }

    .portfolio-container > article {
        width: 50%;
    }

    .nav-pills {
        border-bottom: 0px solid #D34887 !important;
    }

    .nav-pills li {
        float: none;
        text-align: left;
        width: 100%;
        display: block;
        margin-bottom: 1px;
        border: 0px solid #D34887;
      /*border-right: 1px solid #D34887 !important;*/ 
    }

        .nav-pills li a {
            display: block;
        }

    .nav-pills-04 li {
        border: 1px solid #675296;
    }

    .nav-pills-03 li {
        border: 1px solid #2ecc71;
    }

        .nav-pills-03 li a {
            display: block;
        }

    .nav-pills-02 li {
        border: 1px solid #e06ca0;
    }

        .nav-pills-02 li a {
            display: block;
        }

    .user-useful ul,
    .additional-information ul {
        border: none;
    }

    .social ul {
        padding-left: 0;
    }

    .breadcrumb-metrix .left-breadcrumb {
        padding: 20px 0 20px 0;
        border: none;
    }

    .breadcrumb-metrix .right-breadcrumb .breadcrumb-descripton-page {
        padding: 0px 40px 20px 26px;
        display: block;
    }
}



@media (max-width: 480px) {

div.fb-album-title {
        font-size: 11px !important;
    }

li.fb-album, li.fb-photo {

    width: 49% !important;
    }


.CustomHR {margin-bottom:30px !important;}

#ContactUsMobile {
     top: 560px;
}

#feedback {
      top: 414px;
}
#ContactUsMobile a {
    padding: 5px 12px;
}


.TestimonialsIconWrapper {
    padding: 10px !important;
    }

    a > i.fa-bars {
        margin-right: -27px !important;
    }

.AddSiblingsDetail {
font-size: 10px;
}

.carousel-control {
      font-size: 15px;
    width: 28px;
    padding: 2px;
    }

.FloatRight {
    float:none;
    }

    div#containerVT {
  height: 315px;
  /* min-height: 454px; */
  max-width:100%;
  /* margin: 0 auto; */
}

.FooterCopyright {
    text-align:center;
    }
 .form-control {
       
        margin-bottom: 6px !important;
    }


    h3.fb-album-heading, h3.fb-account-heading {

float: right !important;
width: 89% !important;
 margin-left: 0px !important;
margin-top: 7px !important;
}

    .box-presentation header .icon-presentation section {
        padding:8px !important;
    }
    
.latest-articles-large article {
    margin-bottom: 26px;
}
.alert > p + p {
margin-top: 0px !important;
font-size: 12px;
}

.alert {
        padding: 6px !important;
        margin-top: 7px  !important;
        margin-bottom: 8px !important;
    }

.btn {
     
        padding: 6px 10px !important;
    }

hr {
        margin-top: 10px !important;
        margin-bottom: 10px  !important;
    }

.list-inline > li {
          margin-bottom: 10px;
    }
.TextAlignVariable {
    text-align:left;
}

.modal-footer {
       
        padding: 0px 20px 8px !important;
    }
 .modal-header {
        padding: 5px 15px 5px 15px !important;
    } 

 .modal-title {

font-size: 14px !important;
}

.modal-body {
       
        padding: 10px !important;
    }

    li.fb-album, li.fb-photo {
            
    margin-bottom: 3px !important;
    margin-right: 3px !important;
    }

.VLEVideoDimensions {
width: 100%;
height: 207px;
}

.VLEFontSize27 {
font-size: 24px;
line-height: 1.2em;
}
.VLEAPPIcon {
    width:110px;
    height: 42px;
   
}

.VLEFooterStrip {
        margin-top: 9px;
    }
.VLEPopFontsBold {
    font-size: 22px;
    line-height: 1.2em;
    }

 .fb-preview-img-prev {
    left: 0px !important;
    top: 21% !important;
    margin-top: 96px !important;
}

    .fb-preview-img-next {
           margin-left: 10px;
    top: 21% !important;
    margin-top: 96px !important;
    }


    .thumbnail {
        text-align:center;
    }

    .quote-03 > i {
        font-size: 33px;
    }
    blockquote > i {
        top: 5%;
    }



    .panel-title > a {
        font-size:14px !important;
    }


.panel-title > a i {
      width: 22px  !important;
      height: 22px  !important;
      line-height: 22px  !important;
        }


    .quote-02 > i {
        font-size: 27px !important;
        margin-lefT: -12px;
        margin-top: -17px;
    }

    blockquote > p {font-size: 16px !important;
                    text-align:left;
                    padding-left: 16% !important;
    }


    .h-et { font-size:21px;
    }

    h2, .h2 {
font-size: 18px !important;
}
     h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        text-align:left;
    }
    
    .top-footer .widget {
        margin-bottom: 20px;
    }

    .TeamPicture {
        float: none;
    }

    .FooterMenusHeading {
        font-size: 14px;
    }

    .HideFooter {
        display: none;
    }

    .options-panel h1 {
        font-size: 14px;
        padding: 10px;
    }

    .left-logo-menu {
        width: 100%;
    }

        .left-logo-menu img {
            width: 160px;
            margin-top: 17px;
        }

    .sticky-container {
        left:7%;
    }

    #testText {
        font-size: 24px;
        top: 58% !important;
        left: 33% !important;
    }

    .options-panel {
        width: 140px;
    }

        .options-panel .options-panel-inner {
            padding: 15px;
        }

            .options-panel .options-panel-inner > ul li {
                min-width: 22% !important;
                width: 22% !important;
            }

    .settings-panel {
        left: 140px;
        width: 36px;
        height: 36px;
    }

        .settings-panel i {
            line-height: 36px;
            font-size: 20px;
        }

    .box-presentation-responsive {
        width: 100%;
        float: none;
    }

    .comment-container ul.comments .right-section .comment-text {
        padding: 10px;
    }

    .comment-container ul.comments .right-section h1 {
        padding-left: 10px;
    }

    .comment-container ul.comments .right-section .comment-text:before {
        margin-top: -34px;
    }

    .comment-container ul.comments .right-section .top-comment-sec {
        display: none;
    }

    .comment-container ul.comments li li ul {
        margin-left: 0 !important;
    }

    .post-container-single .entry-author-info .author-avatar {
        width: 20%;
    }

    .post-container-single .entry-author-info .author-description {
        width: 80%;
    }

    .entry-author-info,
    .comment-container {
        width: 100% !important;
    }

    .latest-articles-large article .content-article h1 a {
        font-size: 16px;
        line-height: 1.4em;
    }

    .latest-articles-large article .content-article > a {
        padding: 10px 20px;
    }

    #song-time {
        font-size: 15px;
    }

    .latest-articles-large article .info-article > a.date {
        margin-left: 70px;
        margin-top: -70px;
    }

    .latest-articles-large article .info-article {
        margin-top: 0;
    }

     .latest-articles-large article .info-article > a.like {
         margin-top: -18px;
        /* margin-left: 140px; */
        /* height: 70px; */
        background: #fff;
        }
    .latest-articles-large article .info-article > a.like {
        text-align:left;
        }

    .latest-articles-masonry article .info-article > a.like {
        background: rgba(0, 0, 0, 0.4);
    }

    .latest-articles-large article.format-video .info-article {
        margin-top: 0;
    }

    .latest-articles-large article .content-article {
        width: 100% !important;
        padding: 15px 15px 30px 15px;
    }

    .post-container-single article .content-article {
        width: 100% !important;
        padding: 15px 0 30px 0;
    }

    .latest-articles-large article .info-article {
        background: #fff;
    }

        .latest-articles-large article .info-article > a.date {
            padding: 9px 4px;
        }

        .latest-articles-large article .info-article figure {
            float: left;
            width: 70px;
        }

        .latest-articles-large article .info-article > a {
            float: left;
            width: 70px !important;
        }

    .latest-articles-large article .content-article > a {
        margin-left: -15px;
    }

    .latest-articles-large article .content-article h1 {
        line-height: 15px;
    }

    .portfolio-columns-container.col-6 > ul > li,
    .portfolio-columns-container.col-5 > ul > li,
    .portfolio-columns-container.col-4 > ul > li,
    .portfolio-columns-container.col-3 > ul > li {
        width: 49.9%;
    }

    .carousel.testimonial-slide a.left.carousel-control {
        top: 80px;
        right: auto;
        left: 0;
    }

    .carousel.testimonial-slide a.right.carousel-control {
        top: 80px;
        right: auto;
        left: 30px;
    }

    .breadcrumb-metrix .right-breadcrumb .breadcrumb-page-source ul li a {
        padding: 5px 5px;
        font-size: 10px;
    }

    .mp-menu {
        width: 75%;
    }

    .latest-article article {
        width: 100%;
        float: none;
    }
}

@media (max-width: 330px) {

    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        text-align:left;
    }

    .latest-articles-large article .content-article {
        border: none;
        background: none;
    }

    .comment-container {
        padding-left: 0px;
    }

    .post-container-single .entry-author-info {
        padding-left: 0;
    }

    .post-container-single .content-article .entry-content .tags-single ul li a {
        padding: 7px;
        font-size: 10px;
    }

    .latest-articles-large article .info-article > a.date {
        margin-left: 0;
        margin-top: 0;
    }

    .latest-articles-large article .content-article {
        width: 100% !important;
        padding: 15px 0 30px 0;
    }

    .latest-articles-large article .info-article {
        margin-top: 0;
        width: 100%;
    }

        .latest-articles-large article .info-article > a.date {
            padding: 9px 4px;
        }

        .latest-articles-large article .info-article figure {
            float: left;
            width: 70px;
        }

        .latest-articles-large article .info-article > a {
            float: left;
            width: 70px !important;
        }

    .latest-articles-large article .content-article > a {
        margin-left: 0;
    }

    .latest-articles-large article .content-article h1 {
        line-height: 15px;
    }

    .carousel.testimonial-slide .item > h1 {
        font-size: 16px;
    }

    .portfolio-container > article {
        margin-right: 0px;
        margin-bottom: 1px;
        width: 100%;
    }

    .box-presentation header .icon-presentation header {
        padding: 10px;
    }

    .box-presentation header .title-presentation h1 {
        margin-top: 18px;
        font-size: 18px;
    }

    .box-presentation header .title-presentation h2 {
        font-size: 11px;
    }

    .box-presentation header .icon-presentation {
        margin-right: 3%;
    }

    .box-presentation header .title-presentation {
       width: 67% ;
    }
}

#div_content ul {
    margin-bottom: 35px;
    margin-left: 20px;
}

    #div_content ul li {
        font-weight: 300;
        color: #888;
        line-height: 25px;
    }

        #div_content ul li i {
            margin-right: 10px;
            color: #2ECC71;
            font-size: 8px;
            position: relative;
            top: -2px;
        }


.video-container {
	position: relative;
	padding-bottom: 60.25%;
	/*padding-top: 30px;*/
	height: 0;
	overflow: hidden;
}

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

.item_status_box {
    display: inline-block;
    padding: 3px 5px;
    font-size: .9em;
    background: #5B75AF;
    border: 0px solid;
    text-shadow: 0!important;
    font-weight: normal!important;
    margin: 2px 2px;
}

.item_status_box_Lost {
    background: #C2C2C2;
    color: Black!important;
    border: 1px solid #868686;
}

.item_status_box_Reject {
    background: #FFC5C5;
    color: Black!important;
    border: 1px solid #B97B7B;
}

.item_status_box_open {
    background: #FCB5FF;
    color: Black!important;
    border: 1px solid #C57BC9;
}

.item_status_box_new {
    background: #E7E700;
    color: Black!important;
    border: 1px solid #ADAD21;
}

.item_status_box_Unknown {
    background: #FFF0F0;
    color: Black!important;
    border: 1px solid #B19E9E;
}

.item_status_box_Blue {
    background:rgb(0, 245, 255);
    color: Black!important;
    border: 1px solid rgb(0, 192, 200);
}