@charset "utf-8";
/* CSS Document */
.ddsmoothmenu { float: right; padding: 0px; text-transform: none; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 16px; font-family: 'sofia_promedium'; margin: 10px 0 0; padding: 0px; }
.ddsmoothmenu ul { z-index: 100; margin: 0; padding: 0px 0px; list-style-type: none; }
/*Top level list items*/
.ddsmoothmenu ul li { position: relative; display: inline-block; padding: 0 10px; margin: 0 15px 0 0; line-height: 32px; }
.ddsmoothmenu ul li:last-child { padding-right: 0px; margin-right: 0; }
/*Top level menu link items style*/
.ddsmoothmenu ul li a { display: block; color: #282828; text-decoration: none; padding: 0 0px 20px 0px; position: relative; font-size: 17px; font-family: 'Helvetica'; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; }
.ddsmoothmenu ul li:last-child a { }
/*.ddsmoothmenu ul li a::after {
content:'';
position:absolute;
top:-25px;
background:#fff;
width:0px;
height:2px;
left:0px;
right:0px;
margin:0px auto;
-moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; border-top:2px solid #f28d17;
}*/

/*.ddsmoothmenu ul li a:hover::before, .ddsmoothmenu ul li a.active::before, .ddsmoothmenu ul li a.selected::before, .ddsmoothmenu ul li.dropdown:hover a::before { width:100%; left:0px; }*/
.ddsmoothmenu ul li a:hover::after, .ddsmoothmenu ul li a.active::after { width: 100%; left: 0; }
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.active, .ddsmoothmenu ul li.active a {/* color:#0047ab; */ }
.ddsmoothmenu ul li.dropdown:hover a { color: #f28d17; }
* html .ddsmoothmenu ul li a { display: inline-block; }
/*1st sub level menu*/
.ddsmoothmenu ul li ul { position: absolute; left: 0; display: none; visibility: hidden; padding: 0px 0 0; width: 255px; margin-top: 10px; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); float: left; background: #fff; }
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li { float: none; width: 100%; padding: 0px; margin: 0; border-right: 0px; text-align: left; border-bottom: 1px solid #ebebeb; }
/* .ddsmoothmenu ul li ul li:hover { background:#B05AA5; } */

/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.ddsmoothmenu ul li ul li ul { top: 0; margin-top: 0; }
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a { display: block; padding: 18px 20px; color: #000!important; line-height: 14px; font-size: 14px; font-family: 'sofia_promedium'; text-transform: inherit; font-weight: normal; letter-spacing: 0px; }
.ddsmoothmenu ul li ul li:first-child a { }
.ddsmoothmenu ul li ul li:last-child { border-bottom: none; }
.ddsmoothmenu ul li ul li:last-child a { padding: 18px 20px; }
.ddsmoothmenu ul li ul li a:hover { color: #f28d17 !important; text-decoration: none; margin: 0px 0px 0px 0px; }
.ddsmoothmenu ul li ul li a:after, .ddsmoothmenu ul li ul li a:before { display: none }
/* Holly Hack for IE \*/
* html .ddsmoothmenu { height: 1%; } /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass { position: absolute; top: 12px; right: 7px; }
.rightarrowclass { position: absolute; top: 6px; right: 5px; }
/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow { /*shadow for NON CSS3 capable browsers*/ position: absolute; left: 0; top: 0; width: 0; height: 0; }
.toplevelshadow { /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/ opacity: 0.8; }
.is-sticky .ddsmoothmenu ul li ul { margin-top: 0px; }
.is-sticky .ddsmoothmenu ul li ul li ul { top: 0; margin-top: 0; }
.fr-cnt, .bk-cnt { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0deg); -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -moz-transform: rotateY(0deg); -o-transition: 0.6s; -o-transform-style: preserve-3d; -o-transform: rotateY(0deg); -ms-transition: 0.6s; -ms-transform-style: preserve-3d; -ms-transform: rotateY(0deg); transition: 0.6s; transform-style: preserve-3d; transform: rotateY(0deg); position: absolute; top: 0; left: 0; width: 100%; padding: 0px; }
.fr-cnt { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); background: #fff; z-index: 2; width: 100%; box-shadow: 0px 0px 15px rgba(0,0,0,0.14); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.14); -o-box-shadow: 0px 0px 15px rgba(0,0,0,0.14); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.14); min-height: 100px; }
.bk-cnt { width: 100%; background: #004660; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); position: relative; min-height: 100px; box-shadow: 0px 0px 15px rgba(0,0,0,0.14); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.14); -o-box-shadow: 0px 0px 15px rgba(0,0,0,0.14); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.14); }
.flipper:hover .bk-cnt { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }
.flipper:hover .fr-cnt { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.flipper { -webkit-transition: 0.9s; -webkit-transform-style: preserve-3d; -ms-transition: 0.9s; -moz-transition: 0.9s; transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.9s; transform-style: preserve-3d; position: relative; }
.flipper { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; }
#why-list .list-cont.bk-cnt { background: #0047ab; }
#why-list .list-cont.bk-cnt::after { background: url(../images/btm-arw-slide-hvr.png) repeat-x; }
#why-list .list-cont.bk-cnt p { color: #fff; font-size: 18px; line-height: 24px; }
/*hover-effect*/
.hover-cont { float: left; width: 69%; padding: 37px 5px 55px 12px; position: absolute; bottom: -600px; left: 0px; background: #fff; margin: 0 auto; text-align: center; right: 0; border-radius: 13px; height: 90%; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; }
.hover-cont h4 { color: #0047ab; font-size: 20px; font-family: 'sofia_probold'; line-height: 25px; padding-bottom: 17px; text-align: left; }
.hover-cont p { color: #1c2654; font-size: 17px; font-family: 'sofia_prolight'; line-height: 24px; padding-bottom: 15px; text-align: left; }
.hover-cont .content-inner ul { padding-bottom: 15px; float: left; width: 100%; }
.hover-cont .content-inner ul li { float: left; width: 100%; position: relative; padding-left: 20px; text-align: left; }
.hover-cont .content-inner ul li:after { content: ""; background: url(../images/hover-points.png) no-repeat center center; width: 8px; height: 11px; position: absolute; left: 0; top: 10px; }
/*end hover-effect*/
#work-list .item:hover .hover-cont { bottom: 30px; display: block; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; }
/*dsds*/