@font-face {
    font-family: 'robotoregular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff2') format('woff2'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotomedium';
    src: url('fonts/Roboto-Medium-webfont.eot');
    src: url('fonts/Roboto-Medium-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Medium-webfont.woff2') format('woff2'),
         url('fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotothin';
    src: url('fonts/Roboto-Thin-webfont.eot');
    src: url('fonts/Roboto-Thin-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Thin-webfont.woff2') format('woff2'),
         url('fonts/Roboto-Thin-webfont.woff') format('woff'),
         url('fonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* ******** 1. Reset CSS ******** */
*, *:before, *:after {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block }
audio, canvas, video { display:inline-block }
audio:not([controls]) {display:none;height:0}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust:  100%;}
a {text-decoration:underline;}
a:focus {outline:thin dotted}
a:hover,a:active {outline: 0;}
a:hover {text-decoration:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
b,strong,dt,th {font-weight: bold;}
em, i { font-style:italic;}
p,h1,h2,h3,h4,h5,h6, ul,ol,dd,table,fieldset,address {margin: 0 0 25px;}
ul {padding:0 0 0 15px;}
ol { padding:0 0 0 20px}
ul ul,ol ol { margin:10px 0}
ul.bulletText { list-style:none; padding:0;}
ul.bulletText li {background:url(../images/right-arrow.gif) no-repeat left 7px;padding:2px 0 2px 15px;}
img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle; max-width:100%; height:auto;}
figure {margin:0;}
legend {white-space:normal;}
q { quotes:"\201C" "\201D" "\2018" "\2019" }
small { font-size:80% }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline }
sup { top:-0.5em }
sub { bottom:-0.25em }
table{border-collapse: separate;border-spacing: 0;width: 100%; empty-cells:show; border:none;}
table table { margin:0}
th,td {border:none; padding:8px 10px}
caption,th,td {font-weight: normal; background:#fff}
/* ******** 2. Form fields ******** */
button,input,select,textarea {font-size:1em;margin: 0;vertical-align: baseline; background-color:transparent; border:none;  }
button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer}
[hidden], template {display:none}
button, input, select, textarea{border:1px solid #e5e5e5;}
textarea {overflow:auto;vertical-align: top; resize:vertical;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;margin:0 5px 0 0;}
input[type="submit"], input[type="button"],input[type="reset"],button,.button{line-height:20px;padding:4px 10px;display:inline-block; text-decoration:none;}
fieldset {border:0;margin:0;padding:0}
label {padding-bottom:5px; display:block; font-weight:bold;}
/* ******** 3. Clear floats ******** */
.cf:before, .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after {content:" ";display:table}
.cf:after, .container:after, .row:after, ul:after{clear:both}
/* ******** 4. Common Classes ******** */
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:20px 0;padding:0}
.alignLeft { float:left}
.alignRight { float:right;}
.displayNone, .hasJS noscript{display:none!important;visibility:hidden}
.mrgAuto {margin-right:auto; margin-left:auto;}
 
li{ list-style:none;} 
.rounded {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.circle {-webkit-border-radius:50% 50%;-moz-border-radius:50% 50%;border-radius:50% 50%;}
.left{text-align:left !important}
.right{text-align:right !important}
.center{text-align:center !important}
.justify{text-align:justify !important}
.imgBorder { border:1px solid #ccc; padding:5px}
.imgLeft{float:left; margin-right:20px; margin-bottom:10px;}
.imgRight{float:right; margin-left:20px; margin-bottom:10px;}
.imgCenter{float:none; margin-bottom:10px; margin-left:auto; margin-right:auto; display:block;}

.message{padding:10px 38px 10px 10px;margin-bottom:20px;border:1px solid #ccc; position:relative;}
.message > p,.message > ul {margin-bottom: 0;}
.message > p + p {margin-top:15px;}
.message.success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.message.success a {color: #2b542c;}
.message.info {color: #31708f;background-color: #d9edf7;border-color: #bce8f1;}
.message.info a {color: #245269;}
.message.warning {color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc;}
.message.warning a {color: #66512c;}
.message.error {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.message.error a{color: #843534;}
.message .btnClose { position:absolute; right:10px; top:10px; background:#fff; font-size:1.250em; font-weight:normal; text-decoration:none; display:block; width:20px; height:20px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; text-align:center; line-height:18px; padding-top:0}
 
 

/* ******** 6. Navigation ******** */
.mainNavigation { margin:0; z-index:9999; position:relative; margin-top:10px; font-size:15px;    float:right; max-width:570px; }
.toggleMenu {display:none;padding:15px;text-decoration:none}
.toggleMenu .mobileMenu { font-size:1.250em; color:#fff;}
.toggleMenu .iconBar {background:#FFFFFF;display: block;height:3px;margin:2px auto; float:right; width:25px; clear:both}
#nav {z-index:122}
#nav, #nav ul { list-style:none; margin:0; padding:0; z-index:110 }
#nav li { float:left;  padding:0; position:relative; z-index:122; display:inline; margin:0 3px; }

 

#nav a { display:inline-block; text-decoration:none;   }
#nav a:hover, .noJS #nav a:focus, #nav ul .hover > a, #nav ul .focus > a { color:#fff }
#nav ul {left:0; position:absolute; top:39px; width:200px; padding-top:6px; z-index:9999; background:#072a4b}
#nav ul li { float:left; height:auto; width:100%;z-index:123 }
#nav ul a {display:block; background:0; font-weight:normal; padding:5px 15px 5px 15px; margin:0; text-align:left; line-height:18px; font-size:1em }
#nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected { color:#000 }
#nav ul, #nav :hover ul ul, #nav .hover ul ul, #nav .focus ul ul { margin-left:-9999px }
#nav li:hover > ul, #nav li.hover > ul, #nav li.focus > ul, #nav a:focus + ul, #nav ul ul, .noJS #nav .hover a:focus, .noJS #nav .focus a:focus { margin-left:0 }
#nav li ul {z-index:124; width:200px;top:100%; padding:0; left:0}
#nav li ul li { margin:0; padding:0;}
#nav li ul ul { z-index:110; top:0; left:200px }
#nav li a{ padding:5px 12px; line-height:36px; color:#fff; font-size:17px; font-family: 'robotomedium'; position:relative;}
#nav li a:before, #nav .active a:before{display:none;}
#nav li a:after, #nav .active a:after { bottom:-8px; content: ""; display: block; height:8px; left: 0%; position: absolute; background: #c47e4b; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; border:none; }
#nav li  a:hover:after, #nav .active a:after { width: 100%; left: 0; }

#nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a { border-bottom:#c47e4b solid 8px;}
#nav .menuIcon {display:block; position:absolute; right:5px; top:20px; width:9px; height:9px; z-index:1}
#nav li .menuIcon { background:url(../images/down-arrow.gif) no-repeat right center;}
#nav li li .menuIcon { background:url(../images/right-arrow.gif) no-repeat right center; top:13px; right:5px;}
#nav li ul li a { background-color:#072a4b; font-size:1.083em; line-height:24px; color:#fff; border:none; border-top:1px dotted #144573}
#nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected { background-color:#B8E8FF; color:#072a4b}
#nav ul li.focus > a{background-color:#B8E8FF !important; color:#072A4B; display:block;}
 
 
   
/* ******** 8. Tab ******** */
.tabs {position: relative; margin-bottom:20px;}
.tabs .tabsNav {border-bottom: 1px solid #ccc;}
.tabs .tabsNav .tabsTab {position: relative;top: 1px;}
.tabs .tabsNav .tabsAnchor,.noJS .tabNav a{background: #E65A15;margin-bottom: 3px;padding: 10px 12px;display: inline-block;text-decoration: none;color: #fff;font-weight: bold; outline:0}
.tabs .tabsNav .tabsStateActive {background-color: #fff;margin-bottom: -1px;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-left: 1px solid #ccc;}
.tabs .tabsNav .tabsStateDisabled {opacity: 0.5;}
.tabs .tabsNav .tabsStateActive .tabsAnchor {color: #E65A15;background-color: #fff;}
.tabs .tabsPanel {border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;margin-bottom: 3px;}
.tabs .tabsAccordionTitle .tabsAnchor {display: block;padding: 10px;background-color: #00aadd;color: #fff;font-weight: bold;text-decoration: none;margin-bottom: 3px;}
.tabs .tabsAccordionTitle.tabsStateDisabled {opacity: 0.5;}
.tabs .tabsAccordionTitle.tabsStateActive .tabsAnchor {background-color: #fff;color: #00aadd;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-left: 1px solid #ccc;margin-bottom: 0;}
.tabs .tabsNav {margin: 0;padding: 0;}
.tabs .tabsTab {display: inline-block;margin: 0;list-style: none;}
.tabs .tabsPanel {padding: 15px;display: none;}
.tabs .tabsAccordionTitle {display: none;}
.tabs .tabsPanel.tabsStateActive {display: block;}
.noJS .tabNav { list-style:none; margin:0; padding:0;}
.noJS .tabNav li { display:inline-block;}
.noJS .tabContainer .tabPanel { height:100px; overflow:auto}
.noJS .tabContainer { height:125px; overflow:hidden}
.noJS .tabContainer .tabPanel { height:125px;}
/* ******** 9. Back to Top ******** */
#backtotop{background:url(../images/backtotop.png) no-repeat center center;bottom:47px;cursor:pointer;display:none;height:17px;overflow:hidden;position:fixed;right:10px;text-indent:-99999px;width:34px;z-index:999; display:none}
/* ******** 10. Accordion ******** */
.accordion { margin-bottom:20px;}
.accordion * {transition:none;}
.accordion .accTrigger {margin-bottom:5px;padding:5px 0 10px;font-weight:bold;border-bottom:1px dotted #ccc; font-size:1.333em;background:url(../images/plus.png) left 10px no-repeat;padding-left:20px; cursor:pointer}
 
.accordion .accTrigger a {display:block;text-decoration:none;outline:0}
.accordion .accTrigger.active {background:url(../images/minus.png) left 10px no-repeat !important;}
.accordDetail {padding:10px 20px; display:none}
 
/******************************************************************************************************************/
/*****************************************  11. Main CSS Theme Start ****************************************************************/
/******************************************************************************************************************/
/*Structure */
.container { margin:0 auto; width:100%; max-width:1170px;}
/* CSS */
body,button,input,select,textarea {color: #000000; font-family:'robotoregular',Arial, Helvetica, sans-serif; font-size:75%; line-height:1.5;}
body {background-color:#fff;} 
h1 {font-size: 2.308em;}
h2 {font-size: 2.000em;}
h3 {font-size: 1.692em;}
h4 {font-size: 1.538em;}
h5 {font-size: 1.385em;}
h6 {font-size: 1.231em;}
a {color:#E65A15; text-decoration:none;}
a:hover {color:#393939;}
table {border-top:1px solid #E9E9EA;border-left:1px solid #E9E9EA;}
th,td {border-bottom:1px solid #E9E9EA;border-right:1px solid #E9E9EA;}
th{background:#f3f3f3}
.formGroup { margin-bottom:10px;}
.formControl{border:1px solid #e5e5e5;width:100%; height:34px; padding:7px 10px; font-size:100%; line-height:20px; display:block;}
button, html input[type="button"], input[type="reset"], input[type="submit"],input[type="file"],input {font-size:100%;}
textarea.formControl { height:100px;}
input[type="submit"], button,.button, a.button{color:#fff;border:1px solid #d35c23;background-color:#df9966; font-family: 'robotomedium'; font-size:15px; font-weight:normal;}
input[type="submit"]:hover, .button:hover, button:hover a.button:hover{color:#fff; background-color:#925122; border-color:#111}
.inlineBox label, .inlineBox input { display:inline-block ; padding:0}

header{height:119px; position:fixed; width:100%; background-color:rgba(102, 43, 1, .8); z-index:3;}
.hgroup{ float:left; /*max-width:566px;*/ width:47%;}
.hgroup h1, .hgroup h2{ margin-right:12px;float:left; }
.hgroup h2{ margin:30px 0 0; width:72.5%;}

.langMainNav{float:right; width:52%; padding-top:20px;}  
.mod-languages{float:right;} 
.mod-languages .inputbox {background-color:#fff; height:26px; font-size:12px;}
 .slider-pro{position:relative;margin:0 auto}.sp-slides-container{position:relative}.sp-mask{position:relative;overflow:hidden}.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.sp-slide{position:absolute}.sp-image-container{overflow:hidden}.sp-image{position:relative;display:block;border:none}.sp-no-js{overflow:hidden;max-width:100%}.sp-thumbnails-container{position:relative;overflow:hidden}.sp-bottom-thumbnails,.sp-top-thumbnails{left:0;margin:0 auto}.sp-top-thumbnails{position:absolute;top:0;margin-bottom:4px}.sp-bottom-thumbnails{margin-top:4px}.sp-left-thumbnails,.sp-right-thumbnails{position:absolute;top:0}.sp-right-thumbnails{right:0;margin-left:4px}.sp-left-thumbnails{left:0;margin-right:4px}.sp-thumbnails{position:relative}.sp-thumbnail{border:none}.sp-thumbnail-container{position:relative;display:block;overflow:hidden;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.sp-bottom-thumbnails .sp-thumbnail-container,.sp-top-thumbnails .sp-thumbnail-container{margin-left:2px;margin-right:2px}.sp-bottom-thumbnails .sp-thumbnail-container:first-child,.sp-top-thumbnails .sp-thumbnail-container:first-child{margin-left:0}.sp-bottom-thumbnails .sp-thumbnail-container:last-child,.sp-top-thumbnails .sp-thumbnail-container:last-child{margin-right:0}.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container{margin-top:2px;margin-bottom:2px}.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}.sp-right-thumbnails.sp-has-pointer{margin-left:-13px}.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0!important}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;left:0;top:0;margin-left:13px}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:0;top:50%;margin-top:-8px;border-right:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}.sp-left-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;right:18px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;right:0;top:0;margin-right:13px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;right:0;top:50%;margin-top:-8px;border-left:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0!important}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;top:0;margin-top:13px}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;top:0;margin-left:-8px;border-bottom:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}.sp-top-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;bottom:18px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;bottom:0;margin-bottom:13px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;bottom:0;margin-left:-8px;border-top:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}.sp-black{color:#034ea0; font-size:36px;}
.sp-black span{  font-family: 'corbertregular'; display:block; font-size:30px; line-height:30px; font-weight:normal; text-transform:none;}
.sp-white{color:#000;background:#fff;background:rgba(255,255,255,.7)}.sp-rounded{border-radius:10px}.sp-padding{padding:10px}.sp-grab{cursor:url(images/openhand.html),move}.sp-grabbing{cursor:url(images/closedhand.html),move}.sp-selectable{cursor:default}.sp-caption-container{text-align:center;margin-top:10px}.sp-full-screen{margin:0!important;background-color:#000}.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:30px;line-height:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sp-full-screen-button:before{content:'\2195'}.sp-fade-full-screen{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.slider-pro:hover .sp-fade-full-screen{opacity:1}.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}.sp-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.sp-selected-button{background-color:#000}@media only screen and (min-width:768px) and (max-width:1024px){.sp-button{width:14px;height:14px}}@media only screen and (min-width:568px) and (max-width:768px){.sp-button{width:16px;height:16px}}@media only screen and (min-width:320px) and (max-width:568px){.sp-button{width:18px;height:18px}}.sp-arrows{position:absolute}.sp-fade-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-slides-container:hover .sp-fade-arrows{opacity:1}.sp-horizontal .sp-arrows{width:100%;left:0;top:50%;margin-top:-15px}.sp-vertical .sp-arrows{height:100%;left:50%;top:0;margin-left:-10px}.sp-arrow{position:absolute;display:block;width:20px;height:30px;cursor:pointer}.sp-vertical .sp-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-horizontal .sp-previous-arrow{left:20px}.sp-horizontal .sp-next-arrow{right:20px}.sp-vertical .sp-previous-arrow{top:20px}.sp-vertical .sp-next-arrow{bottom:20px}.sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow:after,.sp-previous-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-next-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:skew(-35deg,0deg)}.ie7 .sp-arrow,.ie8 .sp-arrow{width:0;height:0}.ie7 .sp-arrow:after,.ie7 .sp-arrow:before,.ie8 .sp-arrow:after,.ie8 .sp-arrow:before{content:none}.ie7.sp-horizontal .sp-previous-arrow,.ie8.sp-horizontal .sp-previous-arrow{border-right:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-horizontal .sp-next-arrow,.ie8.sp-horizontal .sp-next-arrow{border-left:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-vertical .sp-previous-arrow,.ie8.sp-vertical .sp-previous-arrow{border-bottom:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.ie7.sp-vertical .sp-next-arrow,.ie8.sp-vertical .sp-next-arrow{border-top:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.sp-thumbnail-arrows{position:absolute}.sp-fade-thumbnail-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows{opacity:1}.sp-bottom-thumbnails .sp-thumbnail-arrows,.sp-top-thumbnails .sp-thumbnail-arrows{width:100%;top:50%;left:0;margin-top:-12px}.sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows{height:100%;top:0;left:50%;margin-left:-7px}.sp-thumbnail-arrow{position:absolute;display:block;width:15px;height:25px;cursor:pointer}.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.sp-top-thumbnails .sp-previous-thumbnail-arrow{left:0}.sp-bottom-thumbnails .sp-next-thumbnail-arrow,.sp-top-thumbnails .sp-next-thumbnail-arrow{right:0}.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow{top:0}.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow{bottom:0}.sp-next-thumbnail-arrow:after,.sp-next-thumbnail-arrow:before,.sp-previous-thumbnail-arrow:after,.sp-previous-thumbnail-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-thumbnail-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-thumbnail-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-next-thumbnail-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-thumbnail-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:skew(-35deg,0deg)}.ie7 .sp-thumbnail-arrow,.ie8 .sp-thumbnail-arrow{width:0;height:0}.ie7 .sp-thumbnail-arrow:after,.ie7 .sp-thumbnail-arrow:before,.ie8 .sp-thumbnail-arrow:after,.ie8 .sp-thumbnail-arrow:before{content:none}.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow{border-right:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow{border-left:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow{border-bottom:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow{border-top:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}a.sp-video{text-decoration:none}a.sp-video img{-webkit-backface-visibility:hidden;border:none}a.sp-video:after{content:'\25B6';position:absolute;width:45px;padding-left:5px;height:50px;border:2px solid #FFF;text-align:center;font-size:30px;border-radius:30px;top:0;color:#FFF;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.2);margin:auto;line-height:52px}.slider-pro img.sp-image,.slider-pro img.sp-thumbnail{max-width:none!important;max-height:none!important;border:none!important;border-radius:0!important;padding:0!important;-webkit-box-shadow:none!important;-mox-box-shadow:none!important;box-shadow:none!important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.slider-pro a{position:static;transition:none!important;-moz-transition:none!important;-webkit-transition:none!important;-o-transition:none!important}.slider-pro canvas,.slider-pro embed,.slider-pro iframe,.slider-pro object,.slider-pro video{max-width:none;max-height:none}.slider-pro p.sp-layer{font-size:14px;line-height:1.4;margin:0; text-align:center; color:#3f3f3f;}.slider-pro h1.sp-layer{font-size:32px;line-height:1.4;margin:0}.slider-pro h2.sp-layer{font-size:24px;line-height:1.4;margin:0}.slider-pro h3.sp-layer{  font-family: 'robotomedium'; font-size:15px;line-height:26px;margin:0; text-align:center; text-transform:uppercase; text-align:center;  padding-bottom:15px;}.slider-pro h4.sp-layer{font-size:16px;line-height:1.4;margin:0}.slider-pro h5.sp-layer{font-size:13px;line-height:1.4;margin:0}.slider-pro h6.sp-layer{font-size:11px;line-height:1.4;margin:0}.slider-pro img.sp-layer{border:none}
 
  
.caption{ background-color:rgba(40, 43, 49, .6); width:100%; position:absolute; bottom:0; z-index:2; min-height:328px; }
.caption .container{ position:relative;}
.captionImg{ float:left;}
 
.captionInfo{ float:left;  }
.captionInfo p{ color:#FFFFFF; line-height:41px; font-size:28px; font-family: 'robotothin';}
.captionInfo a{ background-color:#FFFFFF; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px; font-size:30px; padding:10px 15px; font-family: 'robotothin'; color:#000; -webkit-box-shadow: 7px 6px 11px -6px rgba(0,0,0,0.5);
-moz-box-shadow: 7px 6px 11px -6px rgba(0,0,0,0.5);
box-shadow: 7px 6px 11px -6px rgba(0,0,0,0.5); position:relative; top:20px; -webkit-transition: background-color 400ms linear !important; transition: background-color 400ms linear !important;}
.captionInfo a:hover{ background-color:#c47e4b; color:#FFFFFF;}

#firmOverview{ padding:50px 0; font-family: 'robotothin';}  
#firmOverview h2{ font-size:30px;}
#firmOverview .alignLeft{ width:42%;}
.youTube{ float:right; width:51%;}
#firmOverview .alignLeft p{ text-align:justify; font-size:20px; line-height:32px;}
#firmOverview a{ font-size:15px; color:#002b82;  font-family: 'robotomedium';}

#services{ background:url(../images/services.jpg) left top no-repeat; min-height:610px;  }
.services{ padding:0; margin:0;}
.services li{ float:left; width:25%; font-family: 'robotomedium';  }

.expertise{ padding:0; margin:0;}
.expertise .viewnew .mask{background-color:rgba(0, 0, 0, 0.3);}
.expertise .viewnew .mask h3{color:#fff !important; font-size:28px; line-height:30px;}
.expertise li{ float:left; width:23%; margin:1%; font-family: 'robotomedium';  }
.expertise li a{ color: #e65a15 !important; }
.expertise li a:hover{ color: #000 important; }
 
.view {overflow: hidden; position: relative;}
.view .mask,.view .content {position: absolute; overflow: hidden; top: 0;left: 0;}
.view img {display: block; position: relative;}   
  
.view .mask {width:100%;height:100%; background-color: rgba(0,0,0, 0.4);}
.view h3 {color:#FFFFFF; text-align:center; -webkit-transform: translateY(100px);  -moz-transform: translateY(100px);  -o-transform: translateY(100px);-ms-transform: translateY(100px); transform: translateY(100px); width:74%; margin:0 auto;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;  -ms-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out; font-size:22px; text-transform:uppercase;}
 
.view:hover img {-webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);} 
.view:hover .mask {background-color: rgba(127,71,30, 0.8);}
.view:hover h3 {-webkit-transform: translateY(70px); -moz-transform: translateY(70px);-o-transform: translateY(70px);  -ms-transform: translateY(70px);transform: translateY(70px);  padding-bottom:15px; border-bottom:#FFFFFF solid 2px;} 

.viewnew {overflow: hidden; position: relative;}
.viewnew .mask,.viewnew .content {position: absolute; overflow: hidden; top: 0;left: 0;}
.viewnew img {display: block; position: relative;}   
  
.viewnew .mask {width:100%;height:100%; }
.viewnew h3 {color:#000 !important; text-align:center; -webkit-transform: translateY(100px);  -moz-transform: translateY(100px);  -o-transform: translateY(100px);-ms-transform: translateY(100px); transform: translateY(100px); width:74%; margin:0 auto;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;  -ms-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out; font-size:22px; text-transform:none !important;}

	 
/* Bubble Float Left */

 
.areasOf {
background-color:#e3e3e3; width:50%; padding:17% 0; float:left; text-align:center; 
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
  margin-left:-8px;	
  
}
.areasOf:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
   -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.areasOf:hover, .areasOf:focus, .areasOf:active {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.areasOf:hover:before, .areasOf:focus:before, .areasOf:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

.areasOf h4{ text-transform:uppercase; font-size:32px; line-height:40px; color:#012671;  font-family: 'robotothin'; margin-bottom:0;  }



.practiceArea{ float:left; width:50%; margin-top:54px; }
.practiceImg{ width:50%; float:left;}
.practiceServices{ width:49.8%; float:left; background-color:#fff; min-height:386px;}
.practiceServices ul{ float:left; width:100%; padding:10% 0 0 5%;}
.practiceServices li, .ulStyle li{ background:url(../images/arrow.gif) left 4px no-repeat; padding:0 0 25px 20px; font-family: 'robotomedium'; font-size:16px; /* text-transform:uppercase; */ -webkit-transition: color 400ms linear; transition: color 400ms linear; width:50%; float:left;}
.practiceServices li:hover{ color:#012671;}

.ulStylesingle li{ background:url(../images/arrow.gif) left 4px no-repeat; padding:0 0 25px 20px; font-family: 'robotomedium'; font-size:16px; /* text-transform:uppercase; */ -webkit-transition: color 400ms linear; transition: color 400ms linear;}

.clientSays{ margin:40px 0; padding:20px 0; border-top:#CCCCCC solid 1px; border-bottom:#ccc solid 1px;}
.clientSays h3{ color:#192655; text-transform:uppercase; font-size:30px;  font-family: 'robotothin'; text-align:center;}
.clientSays p{ font-size:15px; line-height:26px;}
.clientInfo strong{ font-size:20px; font-family: 'robotomedium'; }
.clientInfo, .quickNewsWrp h3{ font-family: 'robotothin'; font-size:18px; color:#192655;}

.quickNewsWrp{ padding-bottom:30px; }
.quickNewsWrp h3{ font-size:30px; text-transform:uppercase;   }
.quickContacts{ width:42%; float:left;}
.newsLetterWrp{ float:left; width:100%;}

.newsArticle{ background-color:#efefef; margin-bottom:15px; }
.newsArticles{ float:left; padding-top:0; min-height:175px; width:20%; background-color:#e5e5e5; }
.newsArticle h3{ line-height:38px; padding-top:50px; text-align:center;}

.ticker, .email{ float:left; width:60%; padding:25px 20px 0; text-align:left; background-color:#efefef; min-height:177px;}
.ticker{width:80%;}
.ticker:before, .email:before{ border-color: transparent #efefef transparent transparent;}
.ticker li{ background:url(../images/pdf.png) left 4px no-repeat; padding:0 0 15px 30px; font-size:15px;}
.ticker .readMore{ margin:10px 0 0 15px; font-size:15px; color:#002b82;}
.email .formControl{ background-color:#FFFFFF; }


footer{ width:100%; background-color:#7f471e; padding:25px 0;}
footer .alignLeft{ max-width:700px; }
footer .alignLeft ul{ padding:0; margin-bottom:10px;}
footer .alignLeft ul li{ float:left; background:url(../images/line.gif) right center no-repeat; padding:0 15px; line-height:30px;  }
footer .alignLeft ul li:first-child{ padding-left:0;}
footer .alignLeft ul li:last-child{ background-image:none;}  
footer .alignLeft ul li a{ color:#FFFFFF; -webkit-transition: color 400ms linear; transition: color 400ms linear; font-size:14px;}
footer .alignLeft ul li a:hover{ color:#c47e4b;}
.copyRight{ margin-bottom:0; color:#FFFFFF;  }
.socials li{ float:left; margin:0 0 0 10px; }
.socials li a{ display:block; width:44px; height:44px; -webkit-transition: background 400ms linear; transition: background 200ms linear;}
.socials li.facebook a{background:url(../images/social-new.png) left top no-repeat;}
.socials li.twitter a{background:url(../images/social-new.png) -60px top no-repeat;}
.socials li.linkdin a{background:url(../images/social-new.png) -120px top no-repeat;}
.socials li.youtube a{background:url(../images/social-new.png) -173px top no-repeat;}
.socials li.apple a{background:url(../images/social-new.png) -217px top no-repeat;}
.socials li.android a{background:url(../images/social-new.png) -261px top no-repeat;}


.socials li.facebook:hover a{background:url(../images/social-new.png) 0 -44px no-repeat;}
.socials li.twitter:hover a{background:url(../images/social-new.png) -60px -44px no-repeat;}
.socials li.linkdin:hover a{background:url(../images/social-new.png) -120px -44px no-repeat;}
.socials li.youtube:hover a{background:url(../images/social-new.png) -173px -44px no-repeat;}
.socials li.apple:hover a{background:url(../images/social-new.png) -217px -44px no-repeat;}
.socials li.android:hover a{background:url(../images/social-new.png) -261px -44px no-repeat;}

/*add from below*/
 
.email .formControl{ line-height:50px; height:50px; font-size:15px;}
.enterCode{ width:50%; float:left;}



#innerBanner{ min-height:350px; background:url(../images/inner-banner.jpg) center bottom no-repeat; }
/* #innerBanner h2{margin:220px 0 0 0; background:url(../images/heading-wrap.png) left top no-repeat; float:left; text-align:center; padding:71px 0 0; display:block; width:258px; height:130px; font-size:36px; color:#a45e2b; font-family: 'robotomedium';} */
#innerBanner h2{margin:130px 0 0 0; float:left; text-align:center; padding:71px 0 0; display:block; font-size:36px; color:#fff; font-family: 'robotomedium';}
.aboutUs{ padding-bottom:15px;} 
.ulStyle{ padding:0; margin:0;}
.ulStyle li{ font-family:"robotoregular",Arial,Helvetica,sans-serif; text-transform:none; color:#464646;}
.innerPage h3, .innerPage h4{ text-transform:uppercase;  font-family: 'robotomedium'; color:#a45e2b; font-size:25px; }

.item-page p{  font-size: 20px; line-height: 32px; text-align: justify;}
.innerInfoRight .alignRight{margin:0 0 5px 30px;}
.innerInfoLeft .alignLeft{margin:9px 30px 0 0;}
.innerPage h4{font-size:22px;}
.login-fields{padding-bottom:10px; width:80%}
.login-fields label{font-size:25px; font-weight:normal;}
.login-fields input{line-height:32px; width:60%;padding:0 5px; font-weight:normal; color:#707070;font-size:22px;}
.login-fields .message{border:1px solid #e5e5e5; color:#707070;font-size:22px; width:60%;}
ul.ulStyle li a {color: #e65a15 !important;}
ul.ulStyle li a:hover {color: #000 !important;}
.alignRightMargin {margin: 0px 0px 0px 30px;}
.backbutton{margin:0px 0px 10px 0px;}
.backbutton a {color: #e65a15 !important;}
.backbutton a:hover {color: #000 !important;}