@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light');
@import url('http://fonts.googleapis.com/css?family=Anton|Muli:300,400,400italic,300italic|open sans');

/*============= Reset Code ===========*/
html {
    height:100%;
}
    
#Body { height:100%;
       font-family:"open sans", Arial, sans-serif; 
       line-height:22px; 
       color:#333;
}
   
#Form {
    height:100%;
}
    
a {
    outline:0;
   border:0;
} 
   
p, ul, ol {
    margin:0;
    padding:0;
} 
    
.Normal {
    font-size:12px;
    line-height:16px;
} 
    
.SubHead {
    color:#333;
}

h1{font-family:TitilliumText22LBold;font-size:26px;} 
h2{font-family:TitilliumText22LBold;font-size:22px;} 
h3{font-family:TitilliumText22LBold;font-size:18px;}

.SharingSocial {
    z-index:1000; 
    position:relative; 
}


.HeaderTopB { border-bottom:1px solid #f7f7f7; }
.Hpage { padding:7px 0; }


/*============= Language Object ======*/

.LangHome.col-md-1 { padding-right:0; }
.language.LangHome.col-md-2 { padding-left:0; }
.language.LangHome.col-md-1 { padding-right:0; }
.language-object .Language { margin:0 4px; }
.LangHome .language-object { margin-left:0; padding-top:14px; }
.LangHome .language-object img { width:24px; }
.language-object .Language img { border:none; }
.LangHome .Language.selected { border:none; }
.LangHome .language-object { float:right; }

.language-object {
    display:inline-block; 
    margin-left: 5px; 
    }

/*============= Start Css ============*/
#Container {
    background:#fff; 
    }

#Container.BoxedContainer {
     background: url(../images/fabric_plaid.png) repeat 0 0;
    }
   
#HeaderTop {
    padding:0 30px; 
    background:#333;
    }

#HeaderTop.HeaderTopbar {
    border-top:4px solid #4a4a4a;
    }
   
#Header {
    padding:0 30px; 
    background: #ffffff;
    }

#Header.BoxPadding { padding: 0 30px; }

.BoxedLayout {
    margin:40px 0; 
    background:#fff;
    border:1px solid #ededed; 
    box-shadow: 0 0 2px 2px #ababab; -moz-box-shadow: 0 0 2px 2px #ababab; -webkit-box-shadow: 0 0 2px 2px #ababab; 
    behavior:url("/Portals/_default/Skins/Revolution/CSS/PIE.htc"); 
    position:relative;
    }
    
.BoxedLayout .Mpage {
    padding:0 30px; 
    }
     
.TopLeft {
    z-index:915; 
    position:relative; 
    }

.col-md-9.TopLeft { width:80.6%; padding-right:0; }

.TopSubList { float:right; }
.TopSubList li { list-style:none; float:left; padding-top:12px; }
.TopSubList li a { font-size:12px; color:#333; line-height:12px; font-weight:300; padding:0 8px; border-right:1px solid #333; text-transform:uppercase; display:block; }
.TopSubList li:last-child a { padding-right:0; border-right:none; }


/*============= Social Css ===========*/

.Social.TopRight {
    z-index:917; position:relative; 
    }

.Social.TopRight.TopRightSocial {
    border-left:none; padding-top:16px;
    }
    
.Social {
    z-index:905; 
    position:relative; 
    }
    
.Social .SocialIcons ul {
    margin: 0 0 -2px 0; 
    list-style:none; 
    float:right; 
    }
    
.SocialIcons ul li {
    padding:0; 
    margin:0; 
    display:block; 
    float:left; 
    }
    
.SocialIcons ul li a {
    -webkit-transition:all 0.2s ease 0s; 
    -moz-transition:all 0.2s ease 0s; 
    -o-transition:all 0.2s ease 0s; 
    -ms-transition:all 0.2s ease 0s; 
    transition:all 0.2s ease 0s;
	width:40px; height:40px; 
	display:block; 
	opacity: 0.7; 
	text-indent:-9999px; 
	background-position:0px 0px; 
	background-repeat: no-repeat;		
}

.SocialIcons a:hover {
    opacity:1; 
    background-color: #cccccc; 
    background-position: 0px -40px !important; 
    }
        
.SocialTwitter a {
    background: url(../images/icons/twitter.png) no-repeat 0 0;
    }
        
	.SocialTwitter a:hover {
	    background-color: #48c4d2 !important; 
	    }
	    
.SocialDribbble a {
    background: url(../images/icons/dribbble.png) no-repeat 0 0; 
    }
        
	.SocialDribbble a:hover {
	    background-color: #ef5b92; 
	    }	
	    
.SocialFacebook a {
    background: url(../images/icons/facebook.png) no-repeat 0 0; 
    }
        
	.SocialFacebook a:hover {
	    background-color: #3b5998; 
	    }		
	    
.SocialLinkedin a {
    background: url(../images/icons/linkedin.png) no-repeat 0 0; 
    }
        
	.SocialLinkedin a:hover {
	    background-color: #71b2d0; 
	    }
	    
.SocialYoutube a {
    background: url(../images/icons/youtube.png) no-repeat 0 0; 
    }
        
	.SocialYoutube a:hover {
	    background-color: #f45750; 
	    }	
	    
.SocialRss a {
    background: url(../images/icons/rss.png) no-repeat 0 0; 
    }
        
	.SocialRss a:hover {
	    background-color: #fe9900; 
	    }	

/*============= Social Close =========*/


ul.TopListLeft li  {
    list-style:none; 
    float:left; 
    text-decoration:none; 
    padding-right:15px;
    color:#d7d7d7; 
    line-height:44px; 
    font-size:14px; 
    }

ul.TopListLeft li:first-child  {
    border-left:none;
}

ul.TopListLeft li.mail {
    padding-left:15px;
} 

ul.TopListLeft li em.fa-envelope-o {
    padding-left:0px;
}

ul.TopListLeft li em.fa {
    color:#d7d7d7;
}
   
em.textcolor { 
    font-size:18px; 
    padding-right:6px; 
    }


/*============= Social Close =========*/

#search {
	    float: right; 
    }
    
.SearchTop {
    margin-top:19px; 
    }
    
.SearchTop #dnn_dnnSearch_txtSearch {
     border:1px solid #e5e7e8; height:36px; line-height:36px; color:#333;
    }
	       
#search a.SearchButton:link,
#search a.SearchButton:visited {
	display:inline-block;
	float: right;
	height:36px; width:40px;
	padding:0;
	background: #378AC4 url('../images/search.png') no-repeat center center;
	text-indent:-9999px;
	-webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
	}
	
#search a.SearchButton {
    margin-top:-22px; 
    display:block; 
    }
    
#search a.SearchButton:hover {		
	background: url('../images/search.png') no-repeat center center #31393E; /* Old browsers */
	-webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
	}
	  
#dnn_dnnSearch_txtSearch {
	display:block; 
	float: left;
	width:200px;
	height: 36px;
	padding: 0 9px;
	margin:0;
	background-color:inherit;
	border: none; 
	border-radius:0;
	box-shadow: none;
	outline: none;
	   
    color:#fff;
	line-height: 36px;
	font-size: 14px;	    
	-webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out;
    }

@media all\0 {
    #search a.SearchButton { margin-top:0; } 
    #dnn_dnnSearch_txtSearch { background:none; }
} /* IE8 uses \0 */
    
	
.BoxSearch #dnn_dnnSearch_txtSearch {
    width:188px;    
}


/*=========== Logo & Social Code =======*/

.col-md-3.LogoPadding { padding-left:0; }

.Logo img  {
    padding:24px 0; 
    }

.Logo.LeftTopLogo img  {
    padding:22px 0 8px 0; 
    }
        
.Social  {
    padding:2px 0 4px 0; 
    text-align:right; 
    }

/*=========== Main Menu Code ============*/

.col-md-9.TopMenuPadding { padding-right:0; }
.col-md-6.TopLeft { padding-left:0; }

.Menu {
    position:relative;
    z-index:904; 
    }
    
#Mmenu {
    float:right; 
    }

.MenuRight { margin-right:-18%; }

.col-md-2.slideSearch { padding-right:0; }


/*=========== BreadCrumb Code ===========*/

#Banner.BannerInner, .col-md-2.slideSearch { border-top:0; }
    
#BreadCrumb {
    padding:24px 30px; border-bottom:2px solid #e6e6e6;
    background: url(../images/Breadcrumbs_Bg.png) repeat 0 0;
    position: relative; 
    }
    
    #BreadCrumb .DnnTitle {
        font-size:24px; font-family: "open sans", Helvetica, Arial, sans-serif; color:#333; font-weight:300; text-transform:uppercase; padding-left:0;
    }
    
    #BreadCrumb .Breadcrumb span {
        float:right; color:#72797d; 
    }
    
    .col-md-6.Breadcrumb { padding-right:0; }
    
    #BreadCrumb .Breadcrumb a {
        font-size:12px; 
        padding:0 5px; 
        color:#333; 
    }


/*=========== Banner/Slider Code =======*/

#Banner {
    background:#378AC4; border-top:2px solid #e6e6e6;
    }

#Banner.BannerPadd { border-top:0; }  
    
.Banner {
    z-index:903; 
    position:relative; 
    overflow:hidden;
    }
    
.flexslider {
    border:none; 
    box-shadow:none; 
    border-radius:0;
    }
    
    .flex-control-paging li a {
        margin-top:-40px; 
        behavior:url("/Portals/_default/Skins/Revolution/CSS/PIE.htc"); 
        position:relative;        
    }
    
    .flex-control-paging li a.flex-active {
        background:#378AC4; 
    }


.Banner .nivo-controlNav {
    text-align: center; 
    padding:0; margin-top:-24px; z-index:1000; position:relative;
    }

.Banner .nivoSlider {
   margin:0;  
}


#BodyGap { height:80px; width:100%; }


/*=========== BodyTopPart Code =======*/

.BodyTopPart { padding:15px 0; background: url('../images/Breadcrumbs_Bg.png'); border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
.BodyTopPartTitle { padding:16px 0; font-size: 35px; font-weight: 300; line-height: 35px; font-style: normal; }
.BodyTopPartTitle span { font-weight:bold; }
.BodyTopPartText { color: #727272; display:block; font-size: 18px; font-weight: 200; line-height: 23px; padding-bottom:18px; }
.Download { padding-top:45px; text-align:right; }
.Download a { padding:10px 24px; background:#378AC4; color:#fff; font-size:18px; font-weight:300; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
.Download a:hover { opacity:0.8; text-decoration:none; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }


/*=========== Banner Bottom Code =======*/

.PageFull {
    background:#F3F1F1;
    }

.PageFull .BodyPromoBox {
    margin:2em 0;
    padding:20px 12px;
    }
 
 .PageFull .BodyPromoBox:hover {
     cursor:pointer;
    }
    
.BoxBackground.PromoText {
     width:70px; height:70px;
     margin:auto; margin-top:10px; display:block; cursor:pointer;
     -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
     behavior:url("/Portals/_default/Skins/Revolution/CSS/PIE.htc"); position:relative;
    }
        
.BoxBackground.PromoText p {
        text-align:center;
        line-height:70px;
        color:#737474; font-size:36px;
    }

.BoxBackground.PromoText p:hover {
        color:#fff;
    }
    
.BoxBackground.orange {
     background:#e2e3e3; 
    }

.BoxBackground.Chocoloate {
     background:#e2e3e3; 
    }    

.BoxBackground.Green {
     background:#e2e3e3; 
    }  

.BoxBackground.Purple {
     background:#e2e3e3; 
    }  
             

#BodyTop {
    padding:0 30px;
    min-height:1px; 
    background:#31393e;
    }

.BodyTopDetails {
    padding:8em 0 10em 0; 
    }

    .BodyTopTitle {
        padding:12px 0;
        font-size:24px; color:#fff;
        line-height:24px; text-align:center;
        font-family:"open sans",Tahoma; font-weight:300;
    }
       
    .TopTitleDescrip {
        line-height:22px; color:#fff;
        font-size:12px; text-align:center;
        }


/*=========== PurchaseButton Code =======*/

.PurchaseButton {
    padding-top:38px;
    text-align:center;
    }
    
    .PurchaseButton a.ReadMore {
        padding:13px 40px; margin-right:20px;
        background:#FFF;
        color:#378AC4;
        font-size:14px;
        -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
    }
    
    .PurchaseButton a.ReadMore:hover {
        color:#333;
        -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
    }
    
    .PurchaseButton a {
        padding:13px 30px;
        background:#121212; 
        color:#fff;
        font-size:14px;
        font-family:"open sans",Tahoma; font-weight:300;
        -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
    }
    
    .PurchaseButton a:hover, .PromoBoxLearnMore a:hover {
        text-decoration:none; opacity:.7; color:#fff;
        -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
    }



/*=========== MainBody Code ============*/

#MainBody {
    position:relative; 
    z-index:902; 
    border-top:2px solid #e6e6e6;
    }
    	               
.Mpage {
    min-height:550px; 
    }


/*=========== TopTextTitle Code ============*/

.TopTextTitle {
    padding-top:2em;
    font-size:24px; text-align:center; line-height:22px; padding-bottom:20px;
    font-family:"open sans",Tahoma; font-weight:300;
    }

.TopTextTitle span {
    background:#378AC4; padding:0 10px; padding-bottom:5px; color:#fff;
    }
    
.TopTextDetails {
     font-size:14px; text-align:center; line-height:24px; color:#939292;
    }
 
 
 /*=========== 4 Offer Code ================*/
 
 .OfferBg { margin:4em 0 5em 0; background:url('../images/OfferBg.png') no-repeat center top; }
 .OfferBg .Column3.PromoText .fa { padding:50px; font-size:50px; background:#fff; color:#535353; border:1px solid #828282; }
 .OfferBg .BgHover:hover .PromoText .fa { background:#378AC4; color:#fff; border:1px solid #fff; }

@media only screen and (max-width: 1130px) {
    .OfferBg { background:none; }
}  
  
 
/*=========== Column3 Code ================*/

.DVPadding { padding-top:40px; }
.DVPadding p.TitleClass { font-size: 35px; font-weight: 300; line-height: 35px; font-style: normal; text-align:center; }
.DVPadding p.TitleClass.DVClients,.DVPadding .SubTitleClass.DVClients { text-align:left; }
.DVPadding p.TitleClass span { font-weight:bold; }
.DVPadding .SubTitleClass { color: #727272; display:block; text-align:center; font-size: 18px; font-weight: 200; line-height: 23px; margin-top: 13px; }
.DVPadding .SubTitleClass.DVClients { padding-bottom:30px; }

.Column3.PromoText { text-align:center; }
.Column3.PromoText .fa {
    color:#fff; padding:30px; font-size:40px; margin-bottom:20px;
    background:#378AC4; border:5px solid #e5e4e4; 
    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%;
    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
    behavior:url("/Portals/_default/Skins/Revolution/CSS/PIE.htc"); position:relative;
    }

.BodyPromoBox:hover .Column3.PromoText .fa {
    background:#e5e4e4; border:5px solid #378AC4; color:#378AC4;
    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
    }

.Column3Title {
    padding:5px 0 16px 0;
    text-align:center; font-size:18px; font-family:"open sans",Tahoma; text-transform:uppercase; line-height:22px; 
    }
    
.Column3Text { text-align:center; line-height:22px; color:#6a6a6a; }

.SubTitleContent #horizontalTab { padding-top:13px; }
.SubTitleContent .BodyPromoBox { margin-top:0; padding:0; }
.SubTitleContent ul#quotes { margin-bottom:0; }
.OurServices { padding-top:3em; }

  
.CusText {
     line-height:22px; 
     }
     
.CusTextInv {
    padding-top:20px; 
    line-height:22px; 
    }


/*=========== BodyPromoBox Code ============*/

.BodyPromoBox {
    margin-top:5em;
    padding:30px 20px; 
    }

.BodyPromoBox:hover {
    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.06); -ms-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.06);
    }
    
.BoxBackground {
     width:60px; height:60px;
     background:#378AC4; 
     border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;
     margin:auto; margin-top:-50px; display:block; cursor:pointer;
     -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
     behavior:url("/Portals/_default/Skins/Revolution/CSS/PIE.htc"); position:relative;
    }
    
    .BoxBackground:hover {
        background:#378AC4; 
        border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;
        -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
        behavior:url("/Portals/_default/Skins/Revolution/CSS/PIE.htc"); position:relative;
    }
    
    .BoxBackgroundDark {
        background:#31393e; 
    }
    
    .BoxBackgroundDark:hover {
        background:#378AC4; 
    }
        
    .BoxBackground p {
        line-height:60px;
        color:#fff; font-size:26px;
    }

.PromoBoxTitle {
    padding:7px 0 14px 0;
    color:#31393e; font-size:18px; font-family:"open sans",Tahoma; line-height:22px;
    }
    
    .PromoBoxText {
        line-height:22px; 
        }

    .PromoBoxLearnMore {
        padding:24px 0 12px 0;
        }
        
    .PromoBoxLearnMore a {
        padding:6px 12px;
        background:#378AC4; 
        color:#fff;
        font-size:14px;
        -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
        }
    
    .PromoBoxLearnMore a:hover {
        background:#31393e; 
        -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
        behavior:url("/Portals/_default/Skins/Revolution/CSS/PIE.htc"); position:relative;
        }
        
    .BoxLearnMoreDark a {
        background:#31393e; 
        }
    .BoxLearnMoreDark a:hover {
        background:#378AC4; 
        }   


.BtnReadMore { text-align:center; margin-top:1.7em; }

.BtnReadMore a.btn-default {     
    padding:12px 24px; color:#333; text-shadow: 0 1px 0 #FFFFFF; border-color:#E4E4E4; font-family: 'open sans', Tahoma; text-transform:uppercase; border-radius:0;
    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
 }

    
.ResponsiveTitle {
    padding:3em 0 24px 0;
    text-align:center; font-size:24px; color:#378AC4; font-family:"open sans",Tahoma; font-weight:300;
    }

    .ResponsiveDescrib {
        text-align:center; color:#31393e; text-align:center; font-size:14px;
        line-height:22px; 
        }
    
    .Responsive {
        padding-top:45px;
        text-align:center; 
        }


.DeskTopTitle {
     padding-top:10px; font-size:24px; line-height:24px; font-family:"open sans",Tahoma; font-weight:300;
    }

.DVPadding p.TitleClass.Lifetime { text-align:left; padding-bottom:30px; }
.DVPadding p.TitleClass.Shots { text-align:left; padding-bottom:40px; }

.DeskTopText {
    padding-top:18px;
    line-height:22px; padding-bottom:10px;
    }

.DeskTopText.LifetimeText { padding-top:0; }
#dnn_RightPane .nivo-controlNav { display:none; }

.PurchaseButton.DeskTopButton { text-align:left; }
.PurchaseButton.DeskTopButton a.ReadMore { background:#378AC4; color:#fff; }
.PurchaseButton.DeskTopButton a { background:#363636; color:#fff; }

.DesktopPc { text-align:right; }
.Parallex { margin:20px 0; background-color:#378AC4 !important; }


/*=========== SignUp Team Code ===========*/

.SignUpBg { background: url("../images/bgSignup.png") no-repeat center rgba(0, 0, 0, 0); min-height:325px; }
.SignUpImage { text-align:center; }
.SignUpImage img { max-width:165px; width:100%; margin:0 auto; border:1px solid #9d9c9c; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; display:block; }
.SignUp1 { padding:190px 0 0 0; }
.SignUp2 { padding:70px 0 0 0; }
.Designation { padding:18px 0 12px 0; font-size:18px; font-family:"open sans", Helvetica, Arial, sans-serif; text-align:center; }
.DescText { text-align:center; line-height:20px; color:#686868; }
.SignUpBg .col-md-3:hover .SignUpImage img { border:7px solid #378AC4; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }

/*=========== Close SignUp Team Code ====*/


@media handheld, only screen and (max-width: 767px) {
	.SignUpBg { background:none; min-height:15px; }
	.SignUp1 { padding:20px 0 0 0; }
    .SignUp2 { padding:20px 0 0 0; }
}



/*=========== Accordion Code ============*/

#Container #accordion { box-sizing:static; -moz-box-sizing:static; }
 
.AccordionTitle { padding-top:2em; padding-bottom:5px; color:#333; font-size:24px; line-height:24px; font-family:"open sans",Tahoma; font-weight:300; text-transform:uppercase; }
   
#accordion .ui-state-active .ui-icon {
    background-image: url("../images/icons/plus_minus.png") !important; 
    background-repeat:no-repeat; 
    background-position: bottom center; 
    }
    
#accordion .ui-state-default .ui-icon {
    background-image: url("../images/icons/plus_minus.png") !important; 
    background-repeat:no-repeat; 
    background-position: top center !importat; 
    }
    
.ui-icon-triangle-1-s {
    background-position: 0 -34px; 
    }
    
#accordion .ui-icon, .ui-widget-content .ui-icon {
    background-image: url("../images/icons/plus_minus.png") !important; 
    background-repeat:no-repeat; 
    background-position: bottom center; 
    }
    
#accordion .ui-icon {
    height:34px; 
    width:34px; 
    float:left; 
    background:#31393e; 
    margin-right:15px; 
    }

#accordion .ui-state-active span.ui-icon {
    background-color:#378AC4;
    }

.ui-accordion .ui-accordion-header {
    font-size:14px;
    padding:0;
    margin-bottom:5px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 0; display:block;
}

.ui-widget-content {
    background:#FFFFFF;
    color: #222222;
}

#accordion h3.ui-state-active { color:#378AC4; }
.ui-accordion-content p { line-height:22px; }


/*=========== Responsive Tab Code =========*/

.resp-tabs-list li {
    font-size:14px; 
    font-weight:normal; 
    }
    
    .resp-tabs-list li:hover {
        color:#378AC4;
    }
    
.resp-tab-content p {
    line-height:22px; 
    }

.resp-tab-item { border-top:3px solid #F7F7F7; background:#F7F7F7; border-right:2px solid #fff; } 
   
.resp-tab-active {
    color:#378AC4; border-top:3px solid #378AC4; background:#fff;
    }


/*============ Back to Top Button ======*/
.totop {
    right:18px; 
    bottom:18px; 
    position:fixed; 
    z-index:4999; 
    cursor:pointer;
    text-align:center; 
    }
    
    .totop span {
        width:32px; 
        height:32px; 
        text-decoration:none; 
        border:0 none; 
        display:block; 
        cursor:pointer; 
        background:#0e0e0e;
        -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
    }
    
    .totop span:hover { 
        background:#378AC4;
        -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
    }

/*========== End Back To Top Button ====*/



p.TeamTextTitle {
     font-size:24px; font-family:"open sans",Tahoma; font-weight:300;
     text-align:center;
     color:#378AC4;   
}

.TeamDescribs {
     font-size:14px; line-height:24px; text-align:center;
     padding:24px 0;
    }

.TeamName {
     font-size:18px; line-height:24px; text-align:center; font-family:"open sans",Tahoma; font-weight:normal;
     padding:18px 0 8px 0;
    }
    
.TeamIdentity {
     font-size:14px; line-height:24px; text-align:center;
    }


.Article {
    padding-top:8px; 
    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
}
    
.ArticleText {
    padding-top:10px; 
    line-height:20px; 
    text-align:center; 
} 
      
.Article:hover {
    opacity:0.7; 
    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
} 

p.TeamSocialPack {
    margin-top:30px; text-align:center; 
}

.TeamSocialPack a {
    padding:10px; padding-top:14px;
    text-align:center; background:#ececed; color:#585f69;
    font-size:10px;
    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
}

.TeamSocialPack a .fa-facebook {
    padding:12px 5px;
}

.TeamSocialPack a:hover {
    background:#378AC4; color:#fff;
    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
}


/*=========== Aboutus Pages Code =======*/

.AboutusBxslider {
    padding-top:45px; 
    }
    
.AboutusTitle {
    padding-top:45px; 
    font-size:18px; 
    padding-bottom:10px; font-family:"open sans",Tahoma; font-weight:300;
    border-bottom:1px solid #EBEBEB; 
    }
    
.AboutusText {
    padding-top:16px; 
    line-height:22px; 
    }

.AboutusTitle.TeamTitle {
    padding-top:25px; 
    }
    
.TeamTitle {
    font-size:18px; 
    padding-bottom:10px; 
    border-bottom:1px solid #EBEBEB; 
    }

.TeamPart {
    margin-top:10px; 
    padding-bottom:60px; 
    }
    
.TeamPart .Article {
    padding-bottom:10px; 
    }
    
.TeamPart span {
    line-height:50px; 
    }
    
.TeamPart span.Name {
    font-size:18px; 
    }
    
.TeamPart span.Identity {
    font-size:14px; 
    color:#a6a7a7; 
    float:right; 
    }
    
.TeamPart .ArticleText {
    padding-top:0px; 
    padding-bottom:10px; 
    }

.GapTopBottom {
    padding:20px 0 0 0; 
    }
    
.TopTitle {
    font-size:18px; font-family:"open sans",Tahoma; font-weight:300;
    }
    
.TopDetails {
    padding-top:5px; 
    line-height:20px; 
    }
    
a.LearnMore:hover {
    text-decoration:none; 
    }


/*=========== RecentWorks Code ========*/

.ContentPane .H2Container_Title { margin-left:15px; margin-right:15px; }
.FullBodyDiv { margin-top:6em; padding:5em 0; background:#333; }
.FullBodyDiv.FullBodyDiv5 { margin-top:3.5em; }

.SubTitleClass.BottomPadding { padding-bottom:40px; }
.RecentWorks { margin-bottom:5px; border:1px solid #ececec; padding-bottom:15px; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;  }
.RecentWorks .TeamName { font-weight:normal; }
.RecentWorks img { border-bottom:4px solid #378AC4; }   
.RecentWorks:hover { background:#378AC4; color:#fff; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }

.FullBodyDiv .RecentWorks { border:1px solid #505050; background:#4d4d4d; }
.FullBodyDiv .RecentWorks img { border:6px solid #484848; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
.FullBodyDiv .RecentWorks img:hover { border:6px solid #378AC4; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
.FullBodyDiv .TeamName { color:#fff; text-transform:uppercase; font-size:16px; font-weight:300; }
.FullBodyDiv .TeamIdentity { color:#bdbdbd; }


.ReadMorePlus { text-align:right; position:absolute; right:5px; bottom:118px; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
.ReadMorePlus a { padding:4px 10px; background:#378AC4; color:#fff; }
.ReadMorePlus a:hover { text-decoration:none; }
.RecentWorks:hover .ReadMorePlus { right:30px; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }


/*=========== LatestWorks Code ========*/

.TitleText { color:#fff; font-size:24px; line-height:24px; font-family:"open sans",Tahoma; font-weight:300; text-align:center; text-transform:uppercase; }
.TitleDetails { padding:20px 0 42px 0; color:#bdbdbd; font-size:16px; line-height:22px; text-align:center; }
.BottomLine { margin:5em 0 0 0; border-top:1px solid #e4e4e4; }


/*=========== Our Services Code ======*/

.ServicesDiv .TitleText { padding-top:2.2em; color:#333; }
.ServicesDiv .TitleDetails { color:#6A6A6A; }
.ServicesDiv .BodyPromoBox { margin-top:0; }


/*=========== All Divider Code ========*/

.divider1 { margin:30px 0; border-top:1px solid #ebebeb; }
.divider2 { margin:30px 0; border-top:1px dotted #ebebeb; }
.divider3 { margin:30px 0; border-top:1px dashed #ebebeb; }
.divider4 { margin:30px 0; border-top:2px solid #ebebeb; }
.divider5 { margin:30px 0; border-top:2px dotted #ebebeb; }
.divider6 { margin:30px 0; border-top:2px dashed #ebebeb; }
.divider7 { margin:30px 0; height:4px; background:#ebebeb; }
.divider8 { margin:30px 0; height:4px; background:#ebebeb; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; behavior:url(/Portals/_default/Skins/Revolution/CSS/PIE.htc); }

.BottomSliderbar { padding:3px 3%; width:94%; border-bottom: 1px solid #BFBFC1; float:left;
    background: #fff; 
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#DFDFE1));
    background: -webkit-linear-gradient(#fff, #DFDFE1); 
    background: -moz-linear-gradient(#fff, #DFDFE1);
    background: -ms-linear-gradient(#fff, #DFDFE1); 
    background: -o-linear-gradient(#fff, #DFDFE1);
    background: linear-gradient(#fff, #DFDFE1); 
    -pie-background: linear-gradient(#fff, #DFDFE1);
    behavior:url(/Portals/_default/Skins/Revolution/CSS/PIE.htc); position:relative;  
}

.bannerContent li { width:25%; float:left; list-style:none; text-decoration:none; }
.bannerContent li a { font-family:"open sans", Arial; font-size:16px; color:#333; }
.bannerContent li a:hover { text-decoration:none; color:#00a3e9; }
.bannerContent li.LatestNews a { padding-left:50px; }

.ReadMoreBtn { margin-top:1px; padding:0 20px; line-height:30px; cursor:pointer;
    background:#00a3e9; float:right;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00a3e9), to(#006e9d));
    background: -webkit-linear-gradient(#00a3e9, #006e9d); 
    background: -moz-linear-gradient(#00a3e9, #006e9d);
    background: -ms-linear-gradient(#00a3e9, #006e9d); 
    background: -o-linear-gradient(#00a3e9, #006e9d);
    background: linear-gradient(#00a3e9, #006e9d); 
    -pie-background: linear-gradient(#00a3e9, #006e9d);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.65); behavior:url(/Portals/_default/Skins/Revolution/CSS/PIE.htc); position:relative;
}

.ReadMoreBtn:hover { margin-top:1px; padding:0 20px; line-height:30px; cursor:pointer;
    background:#006e9d;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#006e9d), to(#00a3e9));
    background: -webkit-linear-gradient(#006e9d, #00a3e9); 
    background: -moz-linear-gradient(#006e9d, #00a3e9);
    background: -ms-linear-gradient(#006e9d, #00a3e9); 
    background: -o-linear-gradient(#006e9d, #00a3e9);
    background: linear-gradient(#006e9d, #00a3e9); 
    -pie-background: linear-gradient(#006e9d, #00a3e9);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.65); behavior:url(/Portals/_default/Skins/Revolution/CSS/PIE.htc); position:relative;
}

.bannerContent li a.ReadMoreBtn { color:#fff; }
    
.ArticleTitle a { font-size:18px; line-height:28px; color:#333; }
.ArticleTitle a:hover { color:#378AC4; text-decoration:none; }
.ArticleDate { padding-top:3px; color:#b0afaf; }
.LatestFeed .ArticleText { padding-top:2px; line-height:20px; }

.NewsTitle { margin:35px 0 8px 0; border-bottom:1px solid #ebebeb; }
.NewsTitle img { padding-right:10px; }
.LatestFeed { padding:15px 0; border-bottom:1px dotted #ebebeb; }
.LatestFeedLast { border-bottom:none; }

.UpEvent { padding-bottom:23px; }
.dnnSortable { min-height: 32px !important; }


/*============  Prices Table ==========*/

.PricesTitle { font-size:22px; font-family:"open sans",Tahoma; font-weight:300; padding:25px 0; line-height:22px; }

/*  01 GENERAL STYLING  */

.pricing_table ul { margin: 0px; padding: 0px; list-style: none; }
.pricing_table ul li { list-style-type:none; }
.pricing_table ul li { margin: 0px; width:100%; height:100%; height:26px; padding-top:10px; float:left; text-shadow:1px 1px 0px #ffffff; text-align: center; padding-left: 0px; }

/*  02 HEADERS  */

.pricing_table li.pricing_header1 { height:36px; font-size: 18px; line-height:24px; color:#ffffff; text-shadow: 1px 1px 1px #000000;
	/* Rounded Corners */
	-webkit-border-radius:9px 9px 0 0; -khtml-border-radius:9px 9px 0 0; -moz-border-radius:9px 9px 0 0; -ms-border-radius:9px 9px 0 0; border-radius:9px 9px 0 0;
	
	/* Gradient */
    background-image: -moz-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3));
    background-image: -webkit-linear-gradient-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.3)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.3));
    background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.3));
    background-image: no-repeat;
   
    /* transition */
	-webkit-transition: font-size 0.2s; -moz-transition: font-size 0.2s; -o-transition: font-size 0.2s; -ms-transition: font-size 0.2s; transition: font-size 0.2s;
    behavior:url(/Portals/_default/Skins/Revolution/CSS/PIE.htc); position:relative;
}

.pricing_table li.pricing_header2 { height:60px; font-size: 30px; font-weight:bold; line-height:50px; border-bottom:1px solid #cccccc; text-shadow: 1px 1px 1px #ffffff;
	/* Gradient */
	background-color:#efefef;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #EBEBEB));
	background-image: -webkit-linear-gradient(#F3F3F3 0%, #EBEBEB 100%);
	background-image: -moz-linear-gradient(#F3F3F3 0%, #EBEBEB 100%);
	background-image: -o-linear-gradient(#F3F3F3 0%, #EBEBEB 100%);
	background-image: -ms-linear-gradient(#F3F3F3 0%, #EBEBEB 100%);
	background-image: linear-gradient(#F3F3F3 0%, #EBEBEB 100%);
	
	/* transition */
	-webkit-transition: font-size 0.2s; -moz-transition: font-size 0.2s; -o-transition: font-size 0.2s; -ms-transition: font-size 0.2s; transition: font-size 0.2s;
    behavior:url(/Portals/_default/Skins/Revolution/CSS/PIE.htc); position:relative;
}

.pricing_table li.pricing_header2 span { font-size: 10px; line-height:40px; }

/* 2. First column specific styling */

.pricing_table .pricing_column_first li.pricing_header1 { background:none; }
.pricing_table .pricing_column_first li.pricing_header2 { background-color:#efefef; border-bottom:1px solid #cccccc; margin-top:1px;
	/* Rounded Corners */
	-webkit-border-radius:9px 9px 0 0; -khtml-border-radius:9px 9px 0 0; -moz-border-radius:9px 9px 0 0; -ms-border-radius:9px 9px 0 0; border-radius:9px 9px 0 0;
    behavior:url(/Portals/_default/Skins/Revolution/CSS/PIE.htc); position:relative;
}

.pricing_table .pricing_column_first li.pricing_header2 span { font-size:18px; font-weight:bold; line-height:56px; padding-left:10px; }


/* 03 COLUMNS STYLING */

/* 1. Common columns styling */

.pricing_table .pricing_column_first,
.pricing_table .pricing_column { height:100%; float: left; margin-right:1px; position:relative; }

.pricing_table .pricing_column_first { *z-index:2; }

.pricing_table .pricing_hover_area:hover .pricing_column {
	/* transition */
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;
	
	/* filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;
    behavior:url(/Portals/_default/Skins/Revolution/CSS/PIE.htc); position:relative;
}

.pricing_table .pricing_hover_area .pricing_column:hover {
    /* transition */
	-webkit-transform:scaleY(1.02); -moz-transform:scaleY(1.02); -o-transform:scaleY(1.02); -ms-transform:scaleY(1.02); transform:scaleY(1.02);
	/* filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
    behavior:url(/Portals/_default/Skins/Revolution/CSS/PIE.htc); position:relative;
}

.pricing_table .pricing_column_first li { text-align: left; }
.pricing_table .pricing_column_first li span { padding-left:10px; }


/* 2. Columns sizes */
.pricing_six .pricing_column,
.pricing_six .pricing_column_first { width: 15.9%; /* 6 columns */ }
.pricing_five .pricing_column,
.pricing_five .pricing_column_first { width:19.9%; /* 5 columns */ }
.pricing_four .pricing_column,
.pricing_four .pricing_column_first { width:24.9%; /* 4 columns */ }
.pricing_three .pricing_column,
.pricing_three .pricing_column_first { width:33.2%;  /* 3 columns */ }


/* 4. Rows styling */
.pricing_table .odd { background-color: #f6f6f6; border-bottom:1px solid #cccccc; }
.pricing_table .even { background-color: #efefef; border-bottom:1px solid #cccccc; }

/* 5. Table icons */
.pricing_table .pricing_yes, .pricing_table .pricing_no { height:20px; width:100%; float:left; }
.pricing_table .pricing_yes {
	background:url("../images/icons/yes.png") center top no-repeat; 
	_background:url("../images/icons/ie_yes.gif") center top no-repeat; 
}
.pricing_table .pricing_no {
	background:url("../images/icons/no.png") center top no-repeat; 
	_background:url("../images/icons/ie_no.gif") center top no-repeat; 
}

/* 6. Columns footer */
.pricing_table .pricing_footer {
    width: 100%; height: 40px; padding-top: 14px; padding-bottom: 6px; float: left;
    border-top:1px solid #f9f9f9; border-bottom: 2px solid #323232; background-color: #e2e2e2;
}

/* 7. Buttons */

.pricing_table a.pricing_button { width: 100px; height: 21px; padding: 7px 0px 0px 0px; display: block;
	text-align:center; text-decoration:none; font-weight:bold; margin: 0 auto; color:#ffffff; font-size:12px; text-decoration:none; font-weight:bold;
	text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000; -mox-text-shadow: 1px 1px 1px #000; -ms-text-shadow: 1px 1px 1px #000;
	
	/* Gradient */
    background-image: -moz-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3));
    background-image: -webkit-linear-gradient-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.3)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.3));
    background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.3));
    background-image: no-repeat;
    border: 1px solid rgba(0,0,0,0.5);
    
	/* Button shadow */
	-webkit-box-shadow:0px 1px 0px rgba(000,000,000,0.8), inset 0px 1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow:0px 1px 0px rgba(000,000,000,0.8), inset 0px 1px 1px rgba(255,255,255,0.3);
	-ms-box-shadow:0px 1px 0px rgba(000,000,000,0.8), inset 0px 1px 1px rgba(255,255,255,0.3);
	box-shadow:0px 1px 0px rgba(000,000,000,0.8), inset 0px 1px 1px rgba(255,255,255,0.3);
    behavior:url(/Portals/_default/Skins/Revolution/CSS/PIE.htc); position:relative;
}

.pricing_table a.pricing_button:hover {
	background-image: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2));
	background-image: -webkit-linear-gradient-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2));
	background-image: -ms-linear-gradient(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2));
	background-image: no-repeat;
	border: 1px solid rgba(0, 0, 0, 0.2);
    behavior:url(/Portals/_default/Skins/Revolution/CSS/PIE.htc); position:relative;
}

.pricing_table a.pricing_button:active {
	background-image: -moz-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0));
	background-image: -webkit-linear-gradient-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0));
	background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0));
	background-image: no-repeat;
	border: 1px solid rgba(0, 0, 0, 0.2);
    behavior:url(/Portals/_default/Skins/Revolution/CSS/PIE.htc); position:relative;
}


/* 05 COLORS */

.pricing_table .gradient_blue a.pricing_button,
.pricing_table .gradient_blue li.pricing_header1 {
	background-color: #EFEFEF; border-bottom:1px solid #ccc; color:#333; text-shadow:none;
}
.pricing_table .gradient_green a.pricing_button,
.pricing_table .gradient_green li.pricing_header1 {
	background-color: #EFEFEF; border-bottom:1px solid #ccc; color:#333; text-shadow:none;
}
.pricing_table .gradient_yellow a.pricing_button,
.pricing_table .gradient_yellow li.pricing_header1 {
	background-color: #378AC4; border-bottom:1px solid #ccc; text-shadow:none;
}
.pricing_table .gradient_orange a.pricing_button,
.pricing_table .gradient_orange li.pricing_header1 {
	background-color: #EFEFEF; border-bottom:1px solid #ccc; color:#333; text-shadow:none;
}
.pricing_table .gradient_red a.pricing_button,
.pricing_table .gradient_red li.pricing_header1 {
	background-color: #EFEFEF; border-bottom:1px solid #ccc; color:#333; text-shadow:none;
}
.pricing_table .gradient_black a.pricing_button,
.pricing_table .gradient_black li.pricing_header1 {
	background-color: #EFEFEF; border-bottom:1px solid #ccc; color:#333; text-shadow:none;
}

.pricing_table .pricing_column li.pricing_footer a.pricing_button { border-bottom:0; line-height:14px; }


/* 06 DARK TABLE */

.pricing_dark_style { color: #fefefe; background-color:#000000; }
.pricing_dark_style ul li { text-shadow: 1px 1px 1px #000000; }
.pricing_dark_style li.pricing_header1 { color:#ffffff; text-shadow: 1px 1px 1px #000000; }
.pricing_dark_style li.pricing_header2 {
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	text-shadow: 1px 1px 1px #000000;
	/* Gradient */
	background-color:#121212;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #121212));
	background-image: -webkit-linear-gradient(#181818 0%, #121212 100%);
	background-image: -moz-linear-gradient(#181818 0%, #121212 100%);
	background-image: -o-linear-gradient(#181818 0%, #121212 100%);
	background-image: -ms-linear-gradient(#181818 0%, #121212 100%);
	background-image: linear-gradient(#181818 0%, #121212 100%);
}
.pricing_dark_style .pricing_column_first li.pricing_header2 { background-color:#121212; border-bottom:1px solid #000000; }
.pricing_dark_style .odd { background-color: #181818; border-bottom:1px solid #000000; }
.pricing_dark_style .even { background-color: #121212; border-bottom:1px solid #000000; }
.pricing_dark_style .pricing_footer { border-top: 1px solid #090909; border-bottom: 2px solid #000000; background-color: #121212; }


/* Our Services Pages */

.Services {
    padding-top:30px; 
    }
    
.TopTitle em.fa {
    font-size:32px; 
    padding-right:8px; 
    }
    
.TopTitle span {
    vertical-align:6px; 
    }

ul.ChooseUs {
    padding-top:16px; 
    }
    
ul.ChooseUs li {
    list-style:none; 
    line-height:22px; 
    }
    
ul.ChooseUs em.fa {
    font-size:18px; 
    padding-right:5px; 
    }
    
ul.ChooseUs span {
    vertical-align:2px; 
    }


/* Testimonials Pages */

.TopLine { margin:3.4em 0 0 0; border-top:1px solid #e4e4e4; }

.TitleDetails.Testimonials { padding-bottom:10px; }

.ExampleText {
    font-size:24px; font-family:"open sans",Tahoma; font-weight:300;
    padding:30px 0; 
    line-height:26px; 
    }
    
.TestimonialsBack {
    background:#FCFCFC; 
    border:1px solid #B5B3B3; 
    padding:20px; 
    }
    
ul#quotes {
    margin-bottom:50px; 
    }
    
ul#quotes li, ul#button_quotes li {
    list-style: none; 
    }
    
ul#quotes blockquote {
    list-style: none; 
    font-family:'open sans', Arial; 
    color:#222; 
    font-size:12px; 
    }
    
ul#quotes cite {
    font-size:16px; 
    font-style:italic; 
    text-align:right; 
    float:right; 
    padding-right:5px; 
    }

.quoteColor {
    font-size:32px;
}


/* Carrer Pages */

.SiteNav ul li {
    list-style:none; 
    border-bottom:1px solid #CECFCF; 
    padding:8px 0; 
    }
    
.SiteNav ul li:last-of-type {
    border-bottom:none; 
    }
    
.SiteNav ul li:hover {
    background:#F2F3F4; 
    cursor:pointer; 
    }
    
.SiteNav ul li a {
    padding:0 10px; 
    font-size:16px; 
    color:#333; 
    }
    
.SiteNav ul li a:hover {
    text-decoration:none; 
    }
    
.SiteNav ul li.Active {
    background:#F2F3F4; 
    }

.CareerTitle {
    line-height:22px; 
    }
    
.position,.JobRes {
    font-size:14px; 
    font-weight:bold; 
    line-height:28px; 
    }
    
.Share {
    text-align:right; 
    }
    
.Share img {
    width:20px; 
    height:20px; 
    }

ul.ResList {
    padding-left:25px; 
    }
    
ul.ResList li {
    padding:1px 0; 
    }

.ApplyOnline {
    margin-top:20px; 
    }
    
.ApplyOnline a:hover {
    text-decoration:none; 
    }

#accordion {
    margin-top:23px; 
    }


/*=========== Highlighted Text Code ========*/    

.HighlightedText { padding-top:20px; }
.bgtitle a { color:#fff; padding-left:3px; }
.bgtitle a:hover { text-decoration:none; }
.blue { background:#1883c3; margin-right:4px; }
.orange { background:#f26601; margin-right:4px; }
.green { background:#6eb10f; margin-right:4px; }
.red { background:#9a0007; margin-right:4px; }
.skyblue { background:#1abee2; margin-right:4px; }
.black { background:#1b1b1b; margin-right:4px; }
.yellow { background:#f6ae13; margin-right:4px; }
.violet { background:#7049c7; margin-right:4px; }
.purple { background:#7a1264; margin-right:4px; }
.brass { background:#877502; margin-right:4px; }
.chocolate { background:#953702; margin-right:4px; }
.cyan { background:#0f9596; margin-right:4px; }


/*=========== Promobox Code ==============*/    

.Promobox {
    padding-top:20px; 
    }
    
.promoboxbtn {
    margin-top:6px; 
    float:right; 
    }
    
.promoboxbtn2 {
    margin-top:6px; 
    }


/*=========== Vedio Code ================*/ 

.vedioiframe {
    margin-top:30px; 
    margin-bottom:36px; 
    }
    
.SliderNivo {
    margin-top:30px; 
    }

/*=========== Error Code ================*/

.ErrorText {
    font-size:24px; 
    padding-top:120px; 
    }
    
.ErrorTitle {
    font-size:235px; 
    padding-top:150px; 
    color:#EDEEEF; 
    }
    
ul.Errorlinks li {
    line-height:26px; 
    }
    
    ul.Errorlinks li a em {
        color:#0088CC; 
    }
    
    ul.Errorlinks li a span {
        color:#333;
    }

.OfficeMap {
    margin-top:75px; 
    }

#ContactUs {
    padding-top:25px; 
    }
    
.SiteNav.ContactUs ul {
    margin-top:17px; 
    }

.BusinessTitle {
    line-height:22px; 
    }
    
.BusinessTitle span {
    color:#a60902; 
    font-weight:bold; 
    letter-spacing:1px; 
    }


/*=========== Paralex Code =====*/

.ParalexGap { height:5em; }
.ParallexBg .BodyPromoBox { background: rgba(236, 236, 236, 0.7); }


/*=========== Carousel & gallery Code =====*/

.Carousel {
    padding-top:30px; 
    }
    
.gallery.clearfix {
     margin-top:30px;
     }
          
.gallery img {
    list-style:none; 
    float:left; 
    margin-right:10px; 
    margin-bottom:10px; 
    width:23.55%; 
    }
    
.gallery img:hover {
    opacity:0.7; 
    }
    
div.ppt {
    display:none !important; 
    }
    
.pp_nav p {
    margin:0 3px; 
    margin-top:-1px; 
    }

.ourclient {
    padding-top:40px; 
    font-size:18px; 
    }
    
.Clients {
    padding-top:20px; 
    }
    
.Clients img {
    opacity:0.7; 
    }
    
.Clients img:hover {
    opacity:1; 
    }


/*=========== FooterBoxPart Code ========*/ 

.FooterBoxPart {
    margin-top:5em; 
    padding:30px; 
    background:#f1f0f0; 
    }

.FooterBoxPart.BodyBoxPart { margin-top:0; }
            
.BoxSkinTitle {
    font-size:18px; 
    line-height:22px;
    padding-bottom:10px; 
    font-family:"open sans",Tahoma; font-weight:300;
    }
    
.BoxSkinTitle span {
    color:#378AC4; 
    }
    
.BoxPurchaseText {
    text-align:right; 
    padding:14px 0; 
    }
    
.BoxPurchaseText a {
    background:#378AC4; 
    color:#fff; 
    padding:10px 24px; 
    font-size:14px; 
    font-family:"open sans",Tahoma; font-weight:300;
    }
    
.BoxPurchaseText a:hover {
    text-decoration:none; 
    opacity:.8; 
    }


/*=========== Footer Code ===========*/

#FooterSocial {
    padding:0px;
    min-height:50px;
    position:relative; z-index:900;
    display:block;
    }

#FooterSocial ul#quotes {
    margin-bottom:0px;
}

.HappyClientTitle {
    font-size:24px; text-align:center; font-family:"open sans",Tahoma; font-weight:300;
    padding:0 0 24px 0;
}

p.SocialIcons {
    padding:12px 0; 
    text-align:center; 
    }
    
    p.SocialIcons a {
        color:#fff; 
        letter-spacing:46px;
        opacity:.5; 
    }

    p.SocialIcons a:hover {
        opacity:1; 
        background:none;
    }

.FooterAboutUs {
    font-size:12px; color:#fff; line-height:22px; color:#d7d9da; 
}
  
p.FooterSocialPack {
    text-align:left; margin-top:20px; padding-bottom:50px;  
}

p.FooterSocialPack a {
    background:#c5c5c5;
}
 
 
 
.FooterTopGap { height:58px; width:348px; background: url(../images/footer_top.png) no-repeat top left; } 
.FooterTopGap.BoxTopGap { margin-left:45px; }
 
 
#MainFooter {
    padding:0px 30px;
    behavior:url("/Portals/_default/Skins/Revolution/CSS/PIE.htc"); 
    position:relative; 
    z-index:895; 
    background:#262626;  
    }

.BoxedContainer #MainFooter, 
.BoxedContainer #Header {
    box-shadow:none; 
}

/*=========== FooterMenu Code =======*/ 
 
.Underline {
    margin:17px 0; 
    height:1px; 
    background:#c5c5c5; 
    }
    
.PostText {
    font-family:Arial; 
    font-size:12px; 
    color:#cfd5e4; 
    line-height:20px; 
    }
    
.PostText span {
    color:#757575; 
    }
    
.PostImage img:hover {
    opacity:0.7; 
    }


/*=========== Tag Code ==============*/

.Tag li {
    padding:5px 10px; 
    margin:4px;
    list-style:none; 
    text-decoration:none; 
    float:left; 
    background:#c5c5c5;  
    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;     
    }
    
    .Tag li a {
        color:#585f69;
        }
        
    .Tag li a:hover {
        color:#fff; 
        text-decoration:none; 
        }
        
    .Tag li:hover {
        background:#378AC4; 
        -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; 
        }


/*=========== LinkList Code =========*/

ul.LinkList {
    margin-top:-10px; 
    }
    
.LinkList li {
    list-style:none; 
    text-decoration:none; 
    padding:5px 0; 
    line-height:26px; 
    border-bottom:1px solid #727b7e; 
    }
.LinkList li a {
    color:#d7d9da; 
    padding-left:2px; 
    font-family:Arial; 
    font-size:12px; 
    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; 
    }
    
.LinkList li a:hover {
    color:#378AC4; text-decoration:none;
    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; 
    }


/*=========== Footer Testimonials Code =========*/

#quotes.Testimonials li { 
    overflow:hidden; 
    }
    
#quotes.Testimonials li blockquote {
    font-size:14px; line-height:24px; text-align:center;
    overflow:hidden; 
    border:none; 
    padding-left:0; 
    }

.HappyClient ul#quotes cite {
    font-size:16px; 
    text-align:center; 
    float:none; color:#378AC4;
    padding-right:5px; margin:0 auto !important;
    }

.quoteColor {
    font-size:32px;
}

.TestimonialImage { padding-bottom:16px; }
.TestimonialImage img { width:100px; height:100px; }


/*=========== AboutUs Code ==========*/ 
   
.PhotoGellary.gallery img {
    padding-top:6px; 
    width:29.3%; 
    height:53px; 
    margin-bottom:0;
    margin-right:6px;
    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; 
}

.PhotoGellary.gallery.clearfix {
     margin-top:0px;
}


/*=========== Contact Form Code ==========*/

.ContactUsForm {
    padding-top:40px; 
}

.ContactField label {
    width:100%; 
    float:left; cursor:inherit;
    color:#000; font-size:14px; padding-bottom:12px;
}

.ContactField label span {
    color:#777;
}

.ContactField.Message label {
    padding-top:20px; cursor:inherit;
}

.ContactField input {
    width:94%; padding:0 3%;
    height:30px;
}

.ContactField.Message textarea {
    width:98%; padding:1%;
    min-height:140px;
}     

.ContactField.Submit input {
    background:#f2f4f4; box-shadow:none; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; -ms-border-radius:1px;
    width:90px; float:left; margin-top:24px;
    height:40px; color:#000; border:1px solid #c9ced0;
    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
}

.ContactField.Submit input:hover {
    background:#378AC4;
    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
}


/*=========== About Us Code ==========*/

div#about { padding: 2em 0; }
.AboutText h2 { font-size:2em; font-family: "open sans", Helvetica, Arial, sans-serif; font-weight: 300; }
.AboutText p { width:50%; line-height:22px; margin:0 auto; color:#2C3E50; }
.AboutTextGrids { padding: 4% 0 3%; }
.AboutTextGrids .fa { font-size:3em; }
.AboutTextGrids a { color: #378AC4; }
.AboutTextGrid a h3 { font-size: 1.5em; font-family: "open sans", Helvetica, Arial, sans-serif; margin: 0.5em; text-decoration: none; }
.AboutTextGrid p { color:#2C3E50; font-size:1em; line-height:1.5em; }


/*=========== Our Skills Code ==========*/

.skills-grids { padding: 4% 0 2% 0; }
.skills { background:#378AC4; padding:1% 0 2% 0; }
.skills-head h2 { color:#FFF; font-size:2em; font-family: "open sans", Helvetica, Arial, sans-serif; }
.skills-head p { color:#efefef; width:50%; line-height:22px; margin:0 auto; }
.skills-grid span { width: 107px; height: 97px; background: url(../images/timer-bg.png) no-repeat 0px 0px; display: inline-block; color: #eee; text-align: center; position:relative; }
.skills-grid span.s-icon1 { background-position:0px 0px; }
.skills-grid span.s-icon2 { background-position: -281px 0px; }
.skills-grid span.s-icon3 { background-position: -561px 0px; }
.skills-grid span.s-icon4 { background-position: -847px 0px; }
.skills-grid strong { position: absolute; top: 28%; left: 33%; font-size: 1.7em; font-weight: 400; }
.skills-grid h3 { margin: 0.8em 0 0.8em; color: #FFF; font-family: "open sans", Helvetica, Arial, sans-serif; }
.skills-grid p { line-height:22px; color: #efefef; }


/*=========== CSS3 Animation Code ==========*/

/* General grid styles */
.cbp-ig-grid { list-style: none; padding: 0 0 50px 0; margin: 0; margin-top:4em; }

/* Clear floats */
.cbp-ig-grid:before, .cbp-ig-grid:after { content: " "; display: table; }
.cbp-ig-grid:after { clear: both; }

/* grid item */
.cbp-ig-grid li { width: 33%; float: left; list-style:none; height: 350px; text-align: center; }

/* we are using a combination of borders and box shadows to control the grid lines */
.cbp-ig-grid li:nth-child(-n+3){ border-top: none; }
.cbp-ig-grid li:nth-child(3n-1), .cbp-ig-grid li:nth-child(3n-2) { box-shadow: 1px 0 0 #ddd; }

/* anchor style */
.cbp-ig-grid li > a { display: block; height: 100%; color: #378AC4; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; }

/* the icon with pseudo class for icon font */
.cbp-ig-icon { padding: 30px 0 0 0; display: block; -webkit-transition: -webkit-transform 0.2s; transition: -moz-transform 0.2s; transition: transform 0.2s; }
.cbp-ig-icon:before { font-size: 14em; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; }

.cbp-ig-icon-shoe:before { content: "\e000"; }
.cbp-ig-icon-ribbon:before { content: "\e001"; }
.cbp-ig-icon-milk:before { content: "\e002"; }
.cbp-ig-icon-whippy:before { content: "\e003"; }
.cbp-ig-icon-spectacles:before { content: "\e004"; }
.cbp-ig-icon-doumbek:before { content: "\e007"; }

/* title element */
.cbp-ig-grid .cbp-ig-title { margin: 20px 0 10px 0; padding: 20px 0 0 0; font-family: "open sans", Helvetica, Arial, sans-serif; font-size: 2em; position: relative; -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s; }
.cbp-ig-grid .cbp-ig-title:before {
	content: ''; position: absolute; background: #378AC4; width: 160px; height: 6px; top: 0px; left: 50%; margin: -10px 0 0 -80px;
	-webkit-transition: margin-top 0.2s; -moz-transition: margin-top 0.2s; transition: margin-top 0.2s;
}

.cbp-ig-grid .cbp-ig-category {
    padding-top:20px; text-transform: uppercase; display: inline-block; font-size: 1em; letter-spacing: 1px; color: #fff; opacity: 0;
    -webkit-transform: translateY(10px); -moz-transform: -moz-translateY(10px); -ms-transform: -ms-translateY(10px); transform: translateY(10px);	
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; -webkit-transition: transform 0.3s, opacity 0.2s;
}

.cbp-ig-grid li:hover .cbp-ig-category,
.touch .cbp-ig-grid li .cbp-ig-category { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

/* Hover styles */
.cbp-ig-grid li > a:hover { background: #378AC4; }
.cbp-ig-grid li > a:hover .cbp-ig-icon { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); }
.cbp-ig-grid li > a:hover .cbp-ig-icon:before, .cbp-ig-grid li > a:hover .cbp-ig-title { color: #fff; }
.cbp-ig-grid li > a:hover .cbp-ig-title { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
.cbp-ig-grid li > a:hover .cbp-ig-title:before { background: #fff; margin-top: 80px; }


@media screen and (max-width: 62.75em) {
	/* reset the grid lines */
    .cbp-ig-grid li:nth-child(3n-1), .cbp-ig-grid li:nth-child(3n-2) { box-shadow: none; }
	.cbp-ig-grid li:nth-child(-n+2){ border-top: none; }
}

@media screen and (max-width: 41.6em) { 
	.cbp-ig-grid li { width: 100%; }
	.cbp-ig-grid li:nth-child(-n+2){ border-top: 1px solid #ddd; }
	.cbp-ig-grid li:nth-child(2n-1) { box-shadow: none; }
	.cbp-ig-grid li:first-child { border-top: none; }
}

@media screen and (max-width: 25em) { 
	.cbp-ig-grid { font-size: 80%; }
	.cbp-ig-grid .cbp-ig-category { margin-top: 20px; }
}


/*=========== Our pet list items ======*/

.wrap li { list-style:none; }
.pet { padding:2em 1em 1em 1em; text-align: center;	background-color: rgba(200,200,200,.3);		
		-webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out;
}	
	
.pet img {
	margin:auto; display:block;		
    -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9)); transform: scale(.9);
	-webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); -moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); -ms-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); -o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
}
		
.pet:hover { background-color:#378AC4; cursor: pointer; }	
.pet:hover img { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1)); -ms-transform: scale(1); transform: scale(1); }	
.pet h2 { font-family: "open sans", Helvetica, Arial, sans-serif; }
.pet p { line-height:22px; padding-bottom:10px; }
.pet:hover h2, .pet:hover p { color:#fff; }	

/*=========== Close Our pet list items ======*/
	


/*====== css3 featured-boxes-animation ======*/

.homeBox .one_fourth { margin-top:4em; border: 1px solid #E1E1E1; text-align: center; overflow: hidden;
	background-image: linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%); background-image: -o-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%); background-image: -moz-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%); background-image: -webkit-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%); background-image: -ms-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, #F3F3F3), color-stop(0, #FAFAFA) );	
	-moz-box-shadow: 0px 1px 0px #ecebeb; -webkit-box-shadow: 0px 1px 0px #ecebeb; -webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear; 
}

.homeBox .one_fourth:hover { background:#378AC4; }
.homeBox .one_fourth .boxImage { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.homeBox .one_fourth:hover .boxImage { position: relative; -webkit-animation: moveFromTop 350ms ease; -moz-animation: moveFromTop 350ms ease; -ms-animation: moveFromTop 350ms ease; }
.homeBox .BoxIcons .fa { padding:30px 0 15px 0; font-size:5em; color:#333; }
.homeBox .one_fourth h2 { margin: 0 0 20px 0; color: #4B4A4A; font-family: "open sans", Helvetica, Arial, sans-serif; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.homeBox .one_fourth:hover h2 { position: relative; color:#EAEAEA; -webkit-animation: moveFromTop 200ms ease; -moz-animation: moveFromTop 200ms ease; -ms-animation: moveFromTop 200ms ease; }
.homeBox .one_fourth .boxDescription { padding:0 20px; color: #4B4A4A; margin: 0 0 20px 0; line-height:22px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.homeBox .one_fourth:hover .BoxIcons .fa,.homeBox .one_fourth:hover .boxDescription { position: relative; color:#EAEAEA; -webkit-animation: moveFromBottom 500ms ease-in-out; -moz-animation: moveFromBottom 500ms ease-in-out; -ms-animation: moveFromBottom 500ms ease-in-out; animation: moveFromBottom 500ms ease-in-out; }

@-webkit-keyframes moveFromTop { from { top: -600px; } to { top: auto; } }
@-moz-keyframes moveFromTop { from { -moz-transform: translateY(-600%); } to { -moz-transform: translateY(0%); } }
@-ms-keyframes moveFromTop { from { -ms-transform: translateY(-600%); } to { -ms-transform: translateY(0%); } }
@-webkit-keyframes moveFromBottom { from { bottom: -400px; } to { top: auto; } }
@-moz-keyframes moveFromBottom { from { -moz-transform: translateY(400%); } to { -moz-transform: translateY(0%); } }
@-ms-keyframes moveFromBottom { from { -ms-transform: translateY(400%); } to { -ms-transform: translateY(0%); } }

/*====== Close css3 featured-boxes-animation ======*/


/*====== Boxes with icon hover ===================*/

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; background: #333; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; vertical-align: middle; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
.box > .icon:hover > .image { background: #378AC4; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
.box > .icon > .image > em { font-size: 36px !important; color: #fff !important; }
.box > .icon:hover > .image > em { color: white !important; }
.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 30px 0; }
.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
.box > .icon > .info > h3.title { font-family: "open sans",sans-serif !important; font-size: 18px; color: #333; font-weight: 300; }
.box > .icon > .info > p { font-family: "open sans",sans-serif !important; font-size: 13px; color: #666; line-height: 22px; margin: 20px;}
.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
.box > .icon > .info > .more a { background-color: #333; color: #fff; font-size: 12px; line-height: 12px; padding: 6px 8px; font-family: "open sans",sans-serif !important; text-transform: uppercase; text-decoration: none; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
.box > .icon:hover > .info > .more > a { background-color: #378AC4; color: #fff; padding: 6px 8px; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
.box .space { height: 30px; }

/*====== Close Boxes with icon hover =====*/


/*====== Start Box of Featured ===========*/

.destacados { padding: 20px 0; text-align: center; }
.destacados > div > div { padding: 10px; border: 1px solid transparent; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; }
.destacados > div:hover > div { margin-top: -10px; border: 1px solid rgb(200, 200, 200); background: rgba(200, 200, 200, 0.1); box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; }
.destacados h2 { font-family:"open sans", Helvetica, Arial, sans-serif; }
.destacados p { line-height:22px; font-size:14px; }
.destacados a.btn-primary { margin-top:1.5em; background:#378AC4; color:#fff; font-size:14px; }

/*====== Close Box of Featured ===========*/



/*====== Full Screen Video Background ===========*/

.video-section .pattern-overlay { margin-top:2.5em; background-color: rgba(71, 71, 71, 0.59); padding: 110px 0 0; min-height: 480px; }
.video-section h1, .video-section h3 { text-align:center; color:#fff; }
.video-section h1 { font-size:65px; margin: 40px auto 0px; font-family: 'open sans', serif; font-weight:bold; text-transform: uppercase; text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000; -moz-text-shadow: 1px 1px 1px #000; }
.video-section h3 { font-size: 25px; margin: 20px auto 15px; }
.video-section .buttonBar { display:none; }
.player { font-size:0; }

/*====== Close Full Screen Video Background =====*/



/*====== Caption hover effect text ===========*/

.cuadro_intro_hover { height: 200px; padding: 0px; position: relative; overflow: hidden; }
.cuadro_intro_hover:hover .caption { opacity: 1; transform: translateY(-150px); -webkit-transform:translateY(-150px); -moz-transform:translateY(-150px); -ms-transform:translateY(-150px); -o-transform:translateY(-150px); }
.cuadro_intro_hover img { z-index: 4; }
.cuadro_intro_hover .caption { position: absolute; top:150px; width: 100%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.cuadro_intro_hover .blur { height: 300px; background-color: rgba(0,0,0,0.7); z-index: 5; position: absolute; width: 100%; }
.cuadro_intro_hover .caption-text { height: 300px; z-index: 10; color: #fff; position: absolute; text-align: center; top:-20px; width: 100%; }

/*====== Caption hover effect text ===========*/



/*=========== Coming Soon Code ==========*/
 
.SoonPage { min-height:220px; }
.SoonLogo { margin:0 auto !important; text-align:center; padding-bottom:40px; }

.timer-area {
  background: transparent;
  text-align: center;
  padding-top: 5em; padding-bottom:2em;
  margin-bottom: 4em;
}

.timer-area h1 { color: white; padding-bottom:30px; }

p.SignUp {
    font-size:24px; 
    line-height:38px; 
    text-align:center; 
    padding-bottom:20px; 
}


/* ---------- SIGNUP ---------- */

.form-wrapper {
  border: 1px solid #dcdee0;
  padding: .5em;
  width: 30em;
  margin: 1em auto;
  overflow: hidden;
  -webkit-border-radius: 13px;
  border-radius: 13px;
}

.form-wrapper:hover,
.form-wrapper:focus {
  border: 1px solid #c1c5c8;
}

input[type="email"] {
  border: none;
  float: left;
  font-size: 1em;
  padding: .5em;
  outline: none;
  margin-top: .7em;
  width: 19em;
}

input[type="submit"] {
  float: right;
  border: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #2a9ccc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2a9ccc), to(#217ca2));
  background-image: -webkit-linear-gradient(top, #2a9ccc, #217ca2);
  background-image: -moz-linear-gradient(top, #2a9ccc, #217ca2);
  background-image: -o-linear-gradient(top, #2a9ccc, #217ca2);
  background-image: linear-gradient(to bottom, #2a9ccc, #217ca2);
  color: white;
  -webkit-box-shadow: inset 0 2px 2px #217ca2;
  box-shadow: inset 0 2px 2px #217ca2;
  padding: 1em;
  font-size: 1em;
  text-transform: uppercase;
  cursor: pointer;
}

input[type="submit"]:hover {
  background-color: #2da2d4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2da2d4), to(#2382aa));
  background-image: -webkit-linear-gradient(top, #2da2d4, #2382aa);
  background-image: -moz-linear-gradient(top, #2da2d4, #2382aa);
  background-image: -o-linear-gradient(top, #2da2d4, #2382aa);
  background-image: linear-gradient(to bottom, #2da2d4, #2382aa);
}

/* ---------- FOOTER ---------- */

footer#disclaimer p {
  padding-top:20px;
  font-size: .875em;
  color: #909091;
  font-style: italic;
  text-align:center;
}

footer#disclaimer p span { font-size: 1.2em; color: #2a9ccc; }

ul#countdown li {
  display: inline-block;
  background: transparent url('../images/timer-piece.png') no-repeat left top;
  width: 104px;
  margin-bottom: 4em;
  text-align: center;
}

ul#countdown li span {
  font-size: 3em;
  font-weight: bold;
  color: #1f2225;
  height: 108px;
  line-height: 108px;
  position: relative;
}

ul#countdown li span::before {
  content: '';
  width: 100%;
  height: 1px;
  border-top: 1px solid white;
  position: absolute;
  top: 31px;
}

ul#countdown li p.timeRefDays,
ul#countdown li p.timeRefHours,
ul#countdown li p.timeRefMinutes,
ul#countdown li p.timeRefSeconds {
  margin-top: 1em;
  color: #fff;
  text-transform: uppercase;
  font-size: .875em;
}


/*=========== FooterNav Code ========*/   

.FooterNav { padding-top:5px; }   
.FooterNav li {
    list-style:none; 
    float:left; 
    }
    
    .FooterNav li a {
        padding:0 12px; 
        font-family:"open sans", Arial; 
        font-size:14px; 
        color:#dedede; 
        text-decoration:none; 
        text-align:center; 
        }
        
    .FooterNav li:last-of-type a { background:none; }        
    .FooterNav li:first-of-type a { padding-left:0; }
        
    .FooterNav li a:hover {
        color:#378AC4; 
        -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
        }


/*=========== Latest Posts Code =========*/ 

.BlockPost .col-md-4 { padding:0; }
.BlockPost .col-md-8 { padding-right:0; }
.PostImage { width:100%; border:5px solid #535252; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
.PostImage:hover { border:5px solid #378AC4; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
.DateText { color:#fff; }
.PostText { padding-top:5px; color:#b3b3b4; }
.PostBorder { margin:10px 0; border-bottom:1px solid #727b7e; }


/*=========== Contact Us List Code ++====*/ 

.ContactList li { list-style:none; color:#b3b3b4; margin-bottom:1em; float:left; width:100%; line-height:18px; }
.ContactList .fa { float:left; margin-right:10px; background:#2d2d2d; width:35px; height:35px; border-radius:100%; text-align:center; line-height:35px; color:#fff; }


.AboutUsTxt { color:#b3b3b4; line-height:22px; }
.FooterBottomGap { height:3.5em; }


/*=========== Copyright & Login Code ====*/ 
 
#MainCopyright {
    padding:20px 30px; 
    border-top:1px solid #4f5051; 
    background:#1d1d1d; 
    z-index:840; position:relative;
    }

.SkinObject {
    font-weight:normal; 
    }
 
.Copyright {
    padding:0; 
    font-family:"open sans", Arial; 
    color:#dedede;
    text-align:right;
    }  
    
    .Copyright a {
        color:#378AC4; 
        } 
          
    .Copyright a:hover {
         text-decoration:underline;
        } 

input[type="submit"] { background:#378AC4 !important; }

#dnn_dnnSearch_txtSearch {
	border-left:1px solid #649319;
}

	
/*=========== Menu Code ===============*/

.nav ul { border-bottom:4px solid #378AC4 !important; }

.nav .current a, .nav .current a:visited, .nav .current a:active {
    color:#378AC4 !important; 
    }
    
.nav > li > a:hover {
    color:#378AC4 !important;
    }
    
.nav > li:hover > a {
    color:#378AC4 !important;
    }
    
.nav li li a:hover {
    display: block; 
    background:#378AC4 !important; 
    color:#fff !important; 
    }
    
.nav .current ul li a, .nav .current ul li a:visited {
    color:#333 !important;
    }
    
.nav .current ul li a:hover {
    background:#378AC4 !important; 
    color:#fff !important; 
    }


/*=========== Mega Menu Code CSS ========*/

ul.dnnmega li.root a:hover span {
    color:#378AC4 !important;
    }
        
body ul.dnnmega li.mmItemHover a, 
body ul.dnnmega li.mmItemHover a:hover {
    color:#378AC4 !important; 
    }
 
ul.dnnmega .megaborder ul li.category a:hover, 
ul.dnnmega .megaborder ul li.category a:hover span {
    color:#378AC4 !important; 
    }

ul.dnnmega li.mmSelected span {
    color:#378AC4 !important; 
    }
    
ul.dnnmega > li.root > a:hover span {
            color:#378AC4;
            }

ul.dnnmega > li.root:hover > a span {
             color:#378AC4;
            }
            
ul.dnnmega > li.mmSelected > a span {
    color:#378AC4;
    }
    
ul.dnnmega > li.mmSelected > a:hover span {
    color:#378AC4;
    }
        
ul.dnnmega li.mmSelected ul li.category span {
    color:#333 !important; 
    }

ul.dnnmega .megaborder .M {
    border-bottom:4px solid #378AC4 !important;
    }
                     

/*=========== All Container CSS ========*/

/*========== H1Container CSS ===========*/
.H1Container_Title .Head {
    color:#378AC4 !important; 
    }
    
/*========== H2Container CSS ===========*/
.H2Container_Title .Head {
    color:#333 !important; 
    }

/*========== FooterTitle CSS ===========*/
.FooterTitle .Head {
    color:#fff !important; 
    }

/*========== H3Container CSS ===========*/
.H3Container_Title .Head {
    color:#378AC4 !important; 
    }
 
/*========== H1TitleBorderContainer CSS */
.H1TitleContainer {
    border-bottom:1px solid #378AC4 !important; 
    }
    
.H1TitleContainer .Head {
    color:#378AC4 !important; 
    }

/*========== H2TitleBorderContainer CSS */
.H2TitleContainer {
    border-bottom:1px solid #378AC4 !important; 
    }
    
    .H2TitleContainer .Head {
        color:#378AC4 !important; 
    }

/*========== H3TitleBorderContainer CSS */
.H3TitleContainer {
    border-bottom:1px solid #378AC4 !important; 
    }
    
    .H3TitleContainer .Head  {
        color:#378AC4 !important; 
        }
                    
/*========== Container01 ===============*/
.Container01Title {
    background:#378AC4 !important; 
    }

/*========== Container02 CSS ===========*/
.Container02_Title h1 {
    background: #378AC4 !important; 
    }

/*========== Container03 CSS ===========*/
.Container03Title h1 {
    background:#378AC4 !important; 
    }

/*========== Container04 CSS ===========*/
.Container04Title .Head {
    background:#378AC4 !important; 
    }
    
    .Container04Title h1 {
        border-bottom:4px solid #378AC4 !important; 
        }

/*========== Container05 CSS ===========*/
.Container05Title h1 {
    background: #378AC4 !important; 
    }

/*========== Container06 CSS ===========*/
.Container06Title .Head {
    background:#378AC4 !important; 
    }
    .Container06Title h1 {
        border-top:4px solid #378AC4 !important; 
        }
                 
/*========== Container07 CSS ===========*/
.Container07Title h1 {
    border-top:4px solid #378AC4 !important; 
    border-bottom:4px solid #378AC4 !important; 
    }
    .Container07Title .Head {
        color:#378AC4 !important; 
        }

/*========== Container08 CSS ===========*/
.Container08Title h1 {
    background: #378AC4 !important; 
    }

/*========== Container09 CSS ===========*/
.Container09Title h1 {
    border-left:6px solid #378AC4 !important; 
    border-right:6px solid #378AC4 !important; 
    }
    .Container09Title .Head {
        color:#378AC4; 
        }

/*========== Container10 CSS ===========*/
.Container10Title .Head {
    color:#378AC4 !important; 
    }

/*========== Container11 CSS ===========*/
.Container11Title h1 {
    background: #378AC4 !important; 
    }
                   
/*========== Container14 CSS ===========*/
.Container14Title h1 {
    background: #378AC4 !important; 
    }

/*========== H2Container CSS ===========*/
.H2Container_Title h1 span.Head { 
    border-bottom:2px solid #378AC4 !important; 
    }
    
/*========== FooterContainer CSS ===========*/
.FooterTitle h1 span.Head { 
    border-bottom:3px solid #378AC4 !important; 
    }
    

/*========== StickyHeader CSS ==========*/

.StickyHeader { width:100%; height:auto; opacity: 0.95; z-index:910; position:relative; }
.sticky { position:fixed; top:0; left:0; background:#fff;
          box-shadow: 0 3px 2px 0 rgba(50, 50, 50, 0.1); -moz-box-shadow: 0 3px 2px 0 rgba(50, 50, 50, 0.1); -webkit-box-shadow: 0 3px 2px 0 rgba(50, 50, 50, 0.1); -ms-box-shadow: 0 3px 2px 0 rgba(50, 50, 50, 0.1); }

.SmallLogo.Logo img { padding:14px 0; }

/* DNN Standard Menu */	
.SmallMenu .nav > li { padding-bottom:0px; } 
.SmallMenu .nav > li > a { line-height:50px; } 
.SmallMenu .nav > li ul { margin-top:0; }

/* DNN Mega Menu */	
.SmallMenu ul.dnnmega li .megaborder { top:66px; }
.SmallMenu ul.dnnmega li.root ul li span { line-height:24px; } 
.SmallMenu ul.dnnmega li.root ul li ul li span { line-height:18px; }

/* Little Search */	
.LittleSearch.MainSearchIcon { padding-top:0; }
.LittleSearch.MainSearchIcon .fa { line-height:64px; }

/*========== StickyHeader CSS ==========*/


/* Layout Styles */	

.PaneFont { font-size:18px; text-align:center; font-weight:bold; }

.PanTopLeftPane { margin:4px 0; background:#dad9d9; line-height:28px;  }
.PanBannerPane { margin:10px 0 0 0; background:#dad9d9; line-height:260px; }
.PanBodyTopPane { margin:0; background:#31393e; line-height:100px; }
.PanBodyTopPane.PaneFont { color:#fff; }

.PanContentPane { margin:20px 0 10px 0; background:#dad9d9; line-height:100px; }

.BoxPane { margin:10px 0; background:#dad9d9; line-height:100px; }
.BoxLeftPane { line-height:820px; }

.PanFooterSocialPane { margin:10px 0 10px 0; background:#f5f5f5; line-height:50px; }

.FooterBoxPane { margin:42px 0 5px 0; background:#f5f5f5; line-height:110px; }
.FooterNavvPane { margin:5px 0 0 0; background:#f5f5f5; line-height:40px; }


/*========== Login Code =====*/

    #login {
        float:left; 
        }
        
	#login a  {
	    float: right; color:#333;
	    font-size:14px; font-weight:300; padding-left:15px; padding-top:5px;	    
	    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;   
	    }
	
	#login a:hover, #login a.LoginLink:hover {
         -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;   
	    }
	    
	#login a.SkinObject {
	     font-size:14px; 
	     }
	     	
	#login .registerGroup, 
	#login .registerGroup *, 
	#login .loginGroup, 
	#login .loginGroup * {	display:block; }	

	#login .registerGroup,
	#login .loginGroup {
		float:right;
		padding:0;
		margin:0;
	} 
	
	#login .registerGroup li:first-child:hover { border-left:#222; }
	
	/* Register Group Styles */
	#login .registerGroup li { 	float:left; }
	#login .registerGroup .buttonGroup { margin-right:0; }
	
	#login .registerGroup a,
	#login .loginGroup a {
		display:block;
		position:relative;
		min-width:12px;
		padding: 0 8px;		 
		color: #333;
		vertical-align: middle;
	}
	
	#login .registerGroup a:hover,
	#login .loginGroup a:hover {
		background: rgb(45,45,45); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(86,86,86,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#565656',GradientType=0 ); /* IE6-9 */
		
		color:#ddd;
		text-shadow: 0px -1px 0px #333333;
	}
	
	#login .registerGroup a:active,
	#login .loginGroup a:active {
		color:#fff;
		text-shadow: 0px -1px 0px #333333;
	}
	
	#login .registerGroup a:hover,
	#login .loginGroup a:hover { text-decoration:none; }
	
	#login .registerGroup a strong,
	#login .loginGroup a strong {
		display:block;
		position:absolute;
		left:0; top:0;
		width:100%;
		overflow:hidden;
		
		font-size:11px;
		text-indent:-9999px;
	}
	
	#login .userMessages a,
	#login .userNotifications a { background-color: #333; }	
	
	#login .userMessages strong { 
		height: 100%;
		background: url('../images/icon_message.png') no-repeat center center;
	}
	
	#login .userNotifications { border-right: 1px solid #CCC; }
	
	#login .userNotifications strong { 
		height: 100%;
		background: url('../images/icon_notification.png') no-repeat center center;
	}
	
	#login .registerGroup a span {
		display:inline-block;
		position:absolute;
		right:2px; top:-9px;
		min-width:7px;
		margin-right:3px;
		background: rgb(59,150,182); /* Old browsers */
		
		text-align:center;
		font-size:11px;
		color:#fff;
		text-shadow: 0px 1px 0px #333333;
	}
	
	#login .registerGroup .userProfileImg a {
		min-width:25px;
		min-height: 32px;
		padding:0;
		background:none;		
	}
	
	#login .registerGroup a img {
		height:35px; width:32px;
		background:#333;		
	}
	
	/* Login Group Styles */
	#login .loginGroup a { color:#333; margin-top:1px; }
	
	/* Number of message next to the message icon*/
	#login .userMessages  a  span,
	#login .userNotifications   a  span	{ 
		display: inline-block; 
		margin-top: 9px; 
		margin-right: 0px; 
		background-color: transparent;		
		font-size: 10px;
	}
	

/*=========== Search Code =============*/

.slideSearch {
    position:relative; 
    z-index:499; 
}

.MainSearchIcon {
    padding-top:0;
}

.MainSearchIcon p { text-align:right; }  
 
.MainSearchIcon .fa {
    font-size:15px; cursor:pointer; color:#333;
    line-height:84px; font-weight:normal;
}

.hiddenSearch {
    display:none; 
}

.SearchArrow {
    width:17px; height:9px; position:absolute; top:-9px; right:20px;
    background: url(../images/search_arrow.png) no-repeat;
}
    
.SlideSearchButton.hiddenSearch {
     background:#E2E2E2;
     height:50px; width:235px; right:0; position:absolute;
}

div.SearchContainer { margin:8px; float:right; }  
#SearchIcon { display:none; padding:0; margin:0; }
.SearchButton { width:32px; height:32px; margin-top:1px; text-indent:-9999px; background: url(../images/icons/searchicon.png) no-repeat center center #378AC4; position:absolute; }
div.SearchContainer a { padding:0; }
div.SearchBorder { border:none; width:auto; margin-top:1px; height:auto; margin-right:0; }
div.SearchBorder input { padding:6px 0; padding-bottom:4px; padding-left:6px; font-weight:normal; font-size:14px; border-radius:0; font-family:inherit; background-image:none; color:#333; text-shadow:none; position:relative; }
input.SearchTextBox { height:auto; width:auto; float:none; }


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .SlideSearchButton.hiddenSearch { width:206px; }
    div.SearchBorder input { padding-bottom:7px; }
} /* Webkit uses \0 */

@media all\0 {
    .SlideSearchButton.hiddenSearch { width:206px; }
} /* IE8 uses \0 */

	

/*=========== Reponsive Code ==========*/

@media only screen and (max-width: 1240px) {	
	#search .SearchLeft { float:right; padding-right:20%; }
	.SearchTop #dnn_dnnSearch_txtSearch { width:135px; }
	#search a.SearchButton { margin-top:0; }
	.SearchTop #dnn_dnnSearch_txtSearch:active, .SearchTop #dnn_dnnSearch_txtSearch:focus { box-shadow:none; background:#eceded; }	
    .Mpage { padding:0 30px; padding-bottom:30px; } 
    .PageFull { padding:0 30px; }    
     
    .TopTitleDescrip { padding-left:12px; padding-right:12px; }
    .HappyClient .Testimonials { padding-left:12px; padding-right:12px; }
}

@media only screen and (max-width: 1160px) {
    
    .AboutText p,.skills-head p { width:80%; }
    .PromoBoxLearnMore a { font-size:12px; padding:6px 8px; }
    ul.TopListLeft li.mail { padding-left:10px; }
    ul.TopListLeft li { font-size:14px; padding-right:5px; } 
    ul.TopListLeft li em.fa-envelope-o { padding-left:5px; }
    em.textcolor { font-size:16px; padding-right:4px; }	
    
    .SocialIcons ul li a { width:36px; }

    .LangHome .language-object img { width:22px; } 
    .TeamSocialPack a { padding:8px; padding-top:14px; }
    .PhotoGellary.gallery img { width:27%; }  
    .FooterNav li a { padding:0 7px; }	 
}

@media only screen and (max-width: 1030px) {	
	
	ul.TopListLeft li.mail { padding-left:6px; }
    ul.TopListLeft li { padding-left:0px; }
	ul.TopListLeft li { padding-right:0px; } 
    ul.TopListLeft li em.fa-envelope-o { padding-left:4px; }
    em.textcolor { font-size:16px; padding-right:3px; }
    
    .LangHome .language-object img { width:20px; }    
    .FooterBottom .col-md-6 { padding-left:0; }
    .SocialIcons ul li a { width:32px; }
    .TeamSocialPack a { padding:7px; padding-top:14px; } 
    
	.pricing_table { width:100%; font-size:11px; }
	.pricing_table .pricing_column_first, 
	.pricing_table .pricing_column { margin-right:1px; }
	
	.pricing_six .pricing_column,
	.pricing_six .pricing_column_first { width: 16.56%; /* 6 columns */ }
	.pricing_five .pricing_column,
	.pricing_five .pricing_column_first { width: 19.89%; /* 5 columns */ }
	.pricing_four .pricing_column,
	.pricing_four .pricing_column_first { width: 24.89%; /* 4 columns */ }
	.pricing_three .pricing_column,
	.pricing_three .pricing_column_first { width: 33.2%; /* 3 columns */ }
		
	.pricing_table li.pricing_header1 { font-size: 16px; font-weight:bold; }
	.pricing_table li.pricing_header2 { font-size: 24px; }
	.pricing_table li.pricing_header2 span { font-size: 9px; }
	.pricing_table .pricing_column_first li.pricing_header2 span { font-size:14px; }
}

@media handheld, only screen and (max-width:980px) {   
    
    .BodyPromoBox { padding:10px 12px; }
    .BoxBackground.PromoText { width:50px; height:50px; }
    .BoxBackground.PromoText p { font-size:24px; line-height:50px; }
    
    .TopTextTitle { line-height:40px; }
    .LangHome .language-object { padding-top:16px; }
    .LangHome .language-object img { width:18px; }
    .language-object .Language { margin:0 2px; }
    .OfferBg .Column3Title { font-size:16px; }
    
    .col-md-1.slideSearch { padding-right:2px; }
    ul.TopListLeft li { font-size:11px; padding-right:4px; } 
    ul.TopListLeft li em.fa-envelope-o { padding-left:4px; }
    em.textcolor { font-size:14px; padding-right:3px; }
    
    .SocialIcons ul li a { width:30px; }
    .TeamSocialPack a { padding:4px; padding-top:11px; }
    
    .SearchTop #dnn_dnnSearch_txtSearch { width:120px; }
    
    .pricing_five .pricing_column, .pricing_five .pricing_column_first { width:19.8%; }
    .pricing_four .pricing_column, .pricing_four .pricing_column_first { width:24.8%; }
    .pricing_three .pricing_column, .pricing_three .pricing_column_first { width:33.1%; }    
    .ErrorText { line-height:24px; }
    .ErrorTitle { font-size:200px; padding-top:110px; }
}

@media handheld, only screen and (max-width:930px) {
     
    .LangHome .language-object img { width:17px; }
    ul.TopListLeft li.mail { padding-left:2px; }
    ul.TopListLeft li { padding-left:2px; }
	ul.TopListLeft li { padding-right:2px; } 
    ul.TopListLeft li em.fa-envelope-o { padding-left:2px; }
    .SocialIcons ul li a { width:28px; }
     
    .SearchTop #dnn_dnnSearch_txtSearch { width:105px; }     
    .TopText { margin:0px 0 0 -40px; padding:10px 0 10px 30px; }
    .TopTilte { font-size:20px; }

    .Mpage { min-height:30px; }    
    .BodyTitle { font-size:14px; } 
    .ColumnTitle { font-size:20px; }
    .Banner { overflow:hidden; }
    
    .NewsDate { padding-top:0px; }
    .NewsText { padding-bottom:12px; }
    .PostText { text-align:left; }
    
    .BoxPurchaseText a { padding:10px 14px; }
    .BoxSkinTitle { font-size:16px; } 
    #MainFooter { padding:0 15px; }
    .Tag li { padding:2px 5px; }
    .FooterNav li a { padding:0 4px; font-size:13px; } 
    .ContTitle { font-size:22px; }
    .Login a { font-size:13px; padding-right:8px; }
    .SkinObject { font-size:10px; }
    .ErrorTitle { font-size:180px; }
}

@media handheld, only screen and (max-width:830px) {   
    .LangHome .language-object { padding-top:17px; }
    .LangHome .language-object img { width:16px; }
    #login a.SkinObject,#login a { font-size:11px; }
    
    .Logo img { padding-top:30px; }    

    .SearchTop #dnn_dnnSearch_txtSearch { width:90px; }
    ul.TopListLeft li { font-size:10px; padding-right:2px; padding-left:2px; } 
    ul.TopListLeft li em.fa-envelope-o { padding-left:2px; }
    ul.TopListLeft li.mail { padding-left:2px; }
    em.textcolor { font-size:12px; padding-right:2px; }
    
    .SocialIcons ul li a { width:28px; margin-left:-2px; }
    .TeamSocialPack a { padding:2px; padding-top:8px; }
    
    .BoxPurchaseText a { padding:10px 6px; }  
    .BoxSkinTitle { font-size:15px; } 
    .BodyTopTitle { line-height:28px; }
    .PromoBoxTitle { line-height:24px; font-size:17px; }
    .PostText { line-height:16px; }
    .Tag li { padding:2px 4px; }
    .FooterNav li a { padding:0 2px; } 
    ul#quotes cite { font-size:14px; }
    
    .bannerContent li a { font-size:14px; } 
    .bannerContent li.LatestNews a { padding-left:32px; }
}


/*========== Mobile Media Code =====*/

@media handheld, only screen and (max-width:767px) {    
    
    .sticky { position:inherit; }
    .video-section h1 { margin-top:0; font-size:55px; }
    .pet { margin-top:3.5px; }
    .LangHome .language-object { float:none; padding-top:15px; }
    .LangHome .language-object img { width:26px; }

    #HeaderTop { padding:0; }
    #Header,#MainFooter { box-shadow:none; }
    .BodyTopTitle { padding-top:0; text-align:center; line-height:28px; font-size:18px; }
    .PurchaseButton { padding-top:30px; text-align:center; margin-bottom:16px; }
    .PurchaseButton a { padding:10px 24px; }
          
    .Social { margin-top:0px; padding:0; }
    .SocialIcons a { letter-spacing:2px; }
    
    .Social.TopRight { border-left:none; }
    .SocialIcons ul { padding-top:10px; text-align:center; float:inherit !important }
    .SocialIcons ul li { display:inline-block; position:relative; list-style:none; float:none; text-align:center; }
    .SocialIcons ul li a { width:40px; }
    
    .PageFull .BodyPromoBox { margin:0; }
    .ResponsiveTitle { line-height:28px; padding-top:26px; }
    .ResponsiveDescrib { padding:0 10px; }
    
    #search { background:#eceded; margin-top:8px; }
    #dnn_dnnSearch_txtSearch { width:240px; color:#000; }
    .BoxSearch #dnn_dnnSearch_txtSearch { width:240px; }  
    .SearchTop #dnn_dnnSearch_txtSearch:active, #dnn_dnnSearch_txtSearch:active 
    .SearchTop #dnn_dnnSearch_txtSearch:focus, #dnn_dnnSearch_txtSearch:focus { box-shadow:none; background:#eceded; }
    .SearchTop { margin-bottom:17px; }
    
    #HeaderTop { padding-bottom:8px; }
    #Header { padding:10px 0px; padding-bottom:20px; }
    .Logo { padding:5px 0 10px 0; }
    
    #MainWrapper { padding:0 15px; } 
    .Mpage { padding:0 15px; padding-bottom:30px; min-height:0; background:#fff; }
    
    #BreadCrumb { padding:12px 25px; }
    #BreadCrumb .Breadcrumb span { float:none; }
    
    .TeamPart span { line-height:12px; }
    .MustCentered { text-align:center; margin:0 auto !important; } 
    #dnn_dnnLogo_hypLogo img { padding:0; } 
       
    .Menu { margin:6px 0 4px 0; }	
    .flex-control-paging li a { margin-top:-35px; }
    
    .bannerContent span { display:none; }
    .bannerContent li.LatestNews a { padding-left:0; }
    .bannerContent li a { font-size:11px; }
    .ReadMoreBtn,.ReadMoreBtn:hover { padding:0 8px; }
    
    .BoxBackground.PromoText { text-align:center; margin:0 auto !important; }
    .PromoBoxTitle,.PromoBoxText,.PromoBoxLearnMore,.DeskTopTitle,.PurchaseButton,.PurchaseButton.DeskTopButton,.DesktopPc,.RecentWorks p { text-align:center; }
    .RecentWorks { margin-bottom:20px; }
    .DesktopPc { padding-top:20px; }
    
    h2.resp-accordion { padding:10px 15px; line-height:20px; }
    h2.resp-tab-active { padding:0 15px; line-height:20px; }
    .AccordionTitle { padding-top:24px; }
    .divider1 { margin:34px 0 26px 0 !important; }
        
    .TestiImage { display:none; }
    .MBodyTitle { padding:0; text-align:center; } 
    .MBodyImage,.Article,.ArticleDate,.ArticleText,.PostImage,.TopTitleDescrip { text-align:center; } 
    .Article { padding-top:20px; }
    .ArticleTitle { padding:12px 0 5px 0; text-align:center; }
    .BodyTitle { font-weight:bold; padding:0; text-align:center; } 
    .MBodyText { padding-top:8px; } 
    .ColText { font-weight:normal; font-size:12px; }
    .ArticleText { padding-bottom:12px; }
    .ourclient { padding-top:20px; }
    p.TeamSocialPack { margin:15px 0; }
    .PurchaseButton a.ReadMore { padding:10px 28px; }
    .PurchaseButton a { padding:10px 20px; }
    
    .form-wrapper { width:20em; }
    input[type="submit"] { font-size:10px; padding:6px 4px; }
    input[type="email"] { margin-top:0; width:13em; }
    
    #MainFooter { padding:5px 15px; padding-bottom:40px; margin-top:0; } 
    #MainCopyright { padding:30px 15px; }    
    .FooterNav { width:100%; float:left; } 
    .FooterNav li { line-height:25px; } 
    .Tag li { padding:5px 10px; } 
    .PhotoGellary img { width:31.5%; min-height:70px; } 
    .Copyright { text-align:right; float:left; }
    .Login { text-align:left; }
    .Login a { font-size:13px; padding-right:5px; }
    .SkinObject { font-size:12px; padding-right:10px; }
    
    .PostText { padding-top:15px; text-align:center; }
    
    .Container { width:100%; float:left; }
    .tabs { padding-top:10px; }
    .pretty.tabs li { margin-bottom:0px; width:100%; float:left; text-align:left; border-bottom:1px solid #333; }
    .pretty.tabs li a { padding:0 15px; }
}

@media handheld, only screen and (max-width: 767px) {
	.pricing_table { width:100%; }
	.pricing_table li.pricing_header1 { height:50px; font-size: 18px; line-height:24px; }
	.pricing_table li.pricing_header2 { height:50px; line-height:30px; }
	.pricing_table .pricing_column_first { display:none; }
	.pricing_table .pricing_column { width:48%; margin-bottom:12px; }
    .pricing_table ul li { height:44px; padding-top:6px; line-height:12px; }
    .pricing_table ul li:before { content:attr(data-table)''; display:block; margin-bottom:10px; font-size:12px; font-weight:bold; }
	.pricing_table .pricing_hover_area .pricing_column:hover { -webkit-transform:scaleY(1); -moz-transform:scaleY(1); -o-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); }
}

@media handheld, only screen and (max-width: 380px) {
	.pricing_table .pricing_column { width:100%; }
	.pricing_table .pricing_column_first, 
	.pricing_table .pricing_column { margin-right:0; }
}