/*fonts*/
@font-face {
    font-family: 'SegoeUI';
    src: url('fonts/SegoeUI.eot');
    src: url('fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
         url('fonts/SegoeUI.woff') format('woff'),
         url('fonts/SegoeUI.ttf') format('truetype');
}

@font-face {
    font-family: 'SegoeUISemibold';
    src: url('fonts/SegoeUISemibold.eot');
    src: url('fonts/SegoeUISemibold.eot') format('embedded-opentype'),
         url('fonts/SegoeUISemibold.woff2') format('woff2'),
         url('fonts/SegoeUISemibold.woff') format('woff'),
         url('fonts/SegoeUISemibold.ttf') format('truetype'),
         url('fonts/SegoeUISemibold.svg#SegoeUISemibold') format('svg');
}


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



@font-face {
    font-family: 'Brandon_blk';
    src: url('fonts/Brandon_blk.eot');
    src: url('fonts/Brandon_blk.eot') format('embedded-opentype'),
         url('fonts/Brandon_blk.woff2') format('woff2'),
         url('fonts/Brandon_blk.woff') format('woff'),
         url('fonts/Brandon_blk.ttf') format('truetype'),
         url('fonts/Brandon_blk.svg#Brandon_blk') format('svg');
}

/*fonts*/


div, h1, h2, h3, h4, h5, h6, p, img, ul, ol, li, form, input, textarea, dl, dt, dd  { padding : 0px 0px 0px 0px; margin : 0;font-weight:normal; 
vertical-align:baseline;}
header, footer, section,  nav, article, aside {display: block; padding : 0px 0px 0px 0px; margin : 0px;	font-weight:normal; vertical-align:baseline;}

ul {list-style : none;}
li {list-style : none;}
img {outline : none;border : none;vertical-align:middle; padding:0px; margin:0px;}
a {outline : none;text-decoration : none;}
a:hover { text-decoration:none;}
.clr{ clear:both; height:0px; margin:0px; padding:0px;}

a:focus {outline: none;text-decoration: none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:none;outline:none;outline-offset:-2px}



/* --------------------- main css ---------------------*/

.wrapper{width: 100%;}
.wrapper .container{width: 1170px; padding: 0;}

/*top bar*/
.top_bar{width: 100%; background: #000000; height: 40px; overflow: hidden;}
.soc_sec{width: auto; float: left;}
.soc_sec ul{width: 100%; display: inline-block;}
.soc_sec ul li{width: auto; float: left; display: inline; font:400 16px/40px "SegoeUI"; color: #fff;}
.soc_sec ul li:first-child{margin: 0 14px 0 -1px;}
.soc_sec ul li a{margin: -2px 6px 0 0; float: left;}
.call_sec{width: auto; float: right;}
.call_sec ul{width: 100%; display: inline-block;}
.call_sec ul li{width: auto; float: left; display: inline; font:400 15px/38px "SegoeUI"; color: #fff; margin: 0 -2px 0 0;}
.call_sec ul li a{margin: -1px 2px 0 4px; float: right;color: #fff; font-size: 18px;
-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.call_sec ul li a:hover{color: #ee393f;
-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.call_sec ul li span{float: left; margin: -1px 10px 0 0;}


/*header*/
.header{width: 100%; border-bottom: 1px solid #e5e5e5; background: #fff;}
.navbar-default {background-color: transparent;border-radius: 0;min-height: inherit;margin-bottom: 0;border: 0;}
.navbar-brand{height: auto; padding: 32px 0; font-size: inherit; line-height: inherit;}
.navbar-brand img{max-width: 100%;}
.navbar-nav{padding: 47px 0 0 86px;}
.navbar-nav li{padding: 0 34px 0 0;}
.navbar-nav li a{padding: 0 0 43px; font: 400 15px "SegoeUISemibold"; color: #6c6e70 !important; background-color: transparent !important;
text-transform: uppercase;
border-bottom: 3px solid #fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.navbar-nav li a:hover{color: #000 !important;  border-bottom: 3px solid #ee393f;-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.navbar-nav li:last-child{padding: 0;}
.lang_sec {width: 134px;position: absolute;top: 40px;right: 0;height: 36px;}
.navbar-nav li.active a{color: #000 !important;  border-bottom: 3px solid #ee393f;}

/*banner css*/
.banner_part{width: 100%;}
#video-visual {width: 100%;height: 400px;}
.tv-inner {position: relative;width: 100%;height: 400px;margin: 0 auto;overflow: hidden;}
#topVideo{position: absolute;z-index: 4;right: 0;bottom: 0;top: 0;right: 0;width: 100%; background-size: cover; background-color: black;
background-position: center center;background-size: contain;object-fit: cover;}
#video-visual .layer {position: absolute;left: 0;top: 0;z-index: 5;width: 100%;height: 100%;
background: url(../images/bnnr_bg.png) repeat top left;}
#video-visual .layer .l-logo {position: absolute;top: 0;right: 0;bottom: 0;left: 0;color: #fff;margin: auto;width: 444px;height: 150px;}
#video-visual .layer .l-logo img{max-width: 100%; max-height: 100%;}

/*body css*/
.body_part{width: 100%;}

/*block one*/
.block_one{width: 100%;}
.block1_inn{width: 100%; padding: 0 0 50px; border-bottom: 1px solid #e5e5e5;}
.block1_head{width: 100%; text-align: center; padding: 60px 0 30px;}
.block1_head h2{font: 400 30px/30px "Brandon_blk"; color: #000000; text-transform: uppercase; padding: 0 0 15px;}
.block1_head p{font: 400 16px/30px "SegoeUI"; color: #000000; padding: 0 9%;}
.block1_img{width:100%;height: 288px;font-size: 0;text-align: center;max-width: 100%;position: relative;overflow: hidden;}
.block1_img img{display: inline-block; vertical-align: middle;max-height: 100%;max-width: 100%;position: absolute; left: 50%;
top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.block_one .col-sm-5:after{position: absolute; right: -5px; content: ""; top: 0; height: 100%;background: #ee393f; width: 5px;}
.block1_txt{width: 100%; padding: 0 0 0 17px;}
.block1_txt p{font: 400 16px/30px "SegoeUI"; color: #000000; margin: -9px 0 0 0;}
.block1_txt p a{font-family: "SegoeUISemibold"; color: #ee393f;}


/*block two*/
.block_two{width: 100%;}
.block2_inn{width: 100%; padding: 0 0 50px; border-bottom: 1px solid #e5e5e5;}
.block2_head{width: 100%; text-align: center; padding: 60px 0 30px;}
.block2_head h2{font: 400 30px/30px "Brandon_blk"; color: #000000; text-transform: uppercase; padding: 0 0 15px;}
.block2_head p{font: 400 16px/30px "SegoeUI"; color: #000000; padding: 0 9%;}
.block2_box{width: 100%;}
.block2_box a{width: 100%; height: 100%; display: inline-block;} 
.block2_img{width:100%;height: 220px;font-size: 0;text-align: center;max-width: 100%;position: relative;overflow: hidden;}
.block2_img img{display: inline-block; vertical-align: middle;max-height: 100%;max-width: 100%;position: absolute; left: 50%;
top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.block2_txt{width: 100%; /*text-align: center;*/ height: 52px; padding: 10px 0 0 0;}
.block2_txt h3{font: 400 18px "SegoeUISemibold"; color: #2d2d2d;}
.block2_box  a:hover .block2_txt h3 {
    color: #ee393f;
}
.more_btn{width: 100%; padding: 27px 0 0; text-align: center;}
.more_btn a{width: 170px; height: 52px; border: 1px solid #a1a1a1; border-radius: 3px; display: inline-block; text-align: center;
font: 400 18px/49px "SegoeUISemibold"; color: #000000;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.more_btn a:hover{background: #a1a1a1;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}


/*block three*/
.block_three{width: 100%;}
.block3_inn{width: 100%; padding: 0 0 50px; border-bottom: 1px solid #e5e5e5;}
.block3_head{width: 100%; text-align: center; padding: 60px 0 30px;}
.block3_head h2{font: 400 30px/30px "Brandon_blk"; color: #000000; text-transform: uppercase; padding: 0 0 15px;}
.block3_head p{font: 400 16px/30px "SegoeUI"; color: #000000; padding: 0 9%;}
.block3_box{width: 100%;}
.block3_box a{width: 100%; height: 100%; display: inline-block;} 
.block3_img{width:100%;height: 341px;font-size: 0;text-align: center;max-width: 100%;position: relative;overflow: hidden;}
.block3_img img{display: inline-block; vertical-align: middle;max-height: 100%;max-width: 100%;position: absolute; left: 50%;
top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.block3_txt{width: 100%; text-align: center; padding: 10px 0 17px;}
.block3_txt h3{font: 400 16px/24px "SegoeUISemibold"; color: #000000;}
.block3_txt h4{font: 400 16px/24px "SegoeUI"; color: #595959;}
.block3_carou{width: 100%; position: relative;}
.block3_carou .owl-buttons{position: absolute; width: 50px; top: -40px; right: 0;}
.block3_carou .owl-prev {position: absolute;top: 0; left: 0;font-size: 0;width: 50%;height: 22px; background: url(../images/lft_arrow.png);
background-repeat: no-repeat;background-position: center;}
.block3_carou .owl-next {position: absolute;top: 0; right: 0;font-size: 0;width: 50%;height: 22px;background: url(../images/rgt_arrow.png);
background-repeat: no-repeat;background-position: center;}



/*block four*/
.block_four{width: 100%;}
.block4_inn{width: 100%; padding: 0 0 85px; }
.block4_head{width: 100%; text-align: center; padding: 50px 0 30px;}
.block4_head h2{font: 400 30px/30px "Brandon_blk"; color: #000000; text-transform: uppercase; padding: 0 0 15px;}
.block4_box{width: 100%; padding: 0 0 30px;}
.block4_box a{width: 100%; height: 100%; display: inline-block;} 
/*.block4_img{width:100%;height: 199px;font-size: 0;text-align: center;max-width: 100%;position: relative;overflow: hidden;}
.block4_img img{display: inline-block; vertical-align: middle;max-height: 100%;max-width: 100%;position: absolute; left: 50%;
top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}*/

.main_articles_box{width: 99%; margin:1px !important; margin:0.5%; }
.articles_box {width:100%; height: 150px;  background-position:center top; background-repeat:no-repeat; background-size:cover;}
.articles_con { background-color:rgba(0, 0, 0, 0.8); padding:14px 10px 5px; font-size:15px; color:#fff; font-weight:bold; height:49px;}
.articles_con a { color:#fff; cursor:pointer;}
.articles_box:hover { color:#ee393f !important;}


.block4_txt{width: 100%; padding: 12px 0 0 0;}
.block4_txt h3{font: 400 20px/20px "SegoeUI"; color: #000000; padding: 0 0 14px;}
.block4_txt p{font: 400 15px "SegoeUI"; color: #5f5f5f; padding: 0 0 10px;}
.block4_txt h5{font: 400 14px "SegoeUI"; color: #000000;}


/*footer css*/
.footer{width: 100%;}
.top_footer{width: 100%; border-top: 1px solid #cccccc; padding: 30px 0;}
.foot_logo{width: 100%; text-align: center;}
.foot_menu{width: 100%; text-align: center; padding: 15px 0 0 0;}
.foot_menu ul{width: 100%; text-align: center; display: inline-block;}
.foot_menu ul li{width: auto; text-align: center; display: inline-block;}
.foot_menu ul li a{font: 400 15px "SegoeUI"; color: #000000; padding: 0 10px;}
.bottom_footer{width: 100%; background: #000000; height: 55px;}
.copy_txt{width: 100%; text-align: center; padding: 17px 0;}
.copy_txt p{font: 400 15px "SegoeUI"; color: #fff;}


/*back to top*/
.scroll-top-wrapper {position: fixed;opacity: 0;visibility: hidden;overflow: hidden;text-align: center;z-index: 99999999;
background-color: transparent; color: #eeeeee;width: 65px; height: 65px;line-height: 65px;right: 10px; bottom: 20px;
-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.scroll-top-wrapper:hover {background-color: transparent;}
.scroll-top-wrapper.show {visibility:visible;cursor:pointer;opacity: 1.0;}
.scroll-top-inner img{max-width: 100%;}
.scroll-top-inner {line-height: 17px; width: 100%; display: inline-block; text-align: center;}

.rotate {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;

}
a:hover img.rotate {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}


/*about css*/
.about_sec{width: 100%; padding: 0 0 90px;}
.about_txt{width: 100%; padding: 65px 0 20px;}
.about_txt h2{font: 400 30px/30px "Brandon_blk"; color: #000000; text-transform: uppercase; padding: 0 0 10px;}
.about_txt p{font: 400 16px/30px "SegoeUI"; color: #000000; padding: 0 0 20px;}
.about_box{width: 100%; margin: 0 0 30px;}
.about_img{width:100%;height: 231px;font-size: 0;text-align: center;max-width: 100%;position: relative;overflow: hidden;}
.about_img img{display: inline-block; vertical-align: middle;max-height: 100%;max-width: 100%;position: absolute; left: 50%;top: 50%;
transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.about_img a{width: 100%; height: 100%; display: inline-block;}
.about_caption{width: 100%; height: 49px; background: rgba(0, 0, 0, 0.8); bottom: 0; left: 0; position: absolute; text-align: left;opacity: 1;
-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.about_caption h3{font: 400 18px/30px "SegoeUI"; color: #fff; padding: 10px 20px;}
.about_box:hover .about_caption{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; opacity: 0;}
.link_caption{position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;color: #fff;line-height: 1.3;
background: rgba(0,0,0,.6); opacity: 0; text-align: left;
-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.link_caption h3{position: relative;left: -100%;width: 100%; font: 400 20px "Brandon_blk"; padding: 20px 20px 0;
-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.link_caption p{position: relative;left: -100%;width: 100%; font: 400 18px/30px "SegoeUI"; color: #fff; padding: 0 20px;
-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.about_box:hover .link_caption {opacity: 1;}
.about_box:hover .link_caption h3{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;left: 0;}
.about_box:hover .link_caption p{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;left: 0;}




/*about_career page*/
.about_career_sec{width: 100%; padding: 0 0 30px;}
.about_txt h3{font: 400 18px/26px "Brandon_blk"; color: #000000; text-transform: uppercase; padding: 0 0 10px;}
.about_txt p a{color: #108dcd;}
.sub_head{width: 100%; padding: 30px 0 10px;}
.sub_head label{font: 400 18px/30px "Brandon_blk"; color: #ee393f; text-transform: uppercase;}
.sub_head h4{font: 400 18px/30px "Brandon_blk"; color: #000000; text-transform: uppercase;}



/*practice_areas css*/
.practice_areas_sec{width: 100%; padding: 0 0 75px;}
.practice_txt{width: 100%; padding: 65px 0 20px;}
.practice_txt h2{font: 400 30px/30px "Brandon_blk"; color: #000000; text-transform: uppercase; padding: 0 0 10px;}
.practice_txt p{font: 400 16px/30px "SegoeUI"; color: #000000; padding: 0 0 20px;}
.practice_img{width:100%;height: 338px;font-size: 0;text-align: center;max-width: 100%;position: relative;overflow: hidden;margin: 0 0 30px;
max-width: 600px;}
.practice_img img{display: inline-block; vertical-align: middle;max-height: 100%;max-width: 100%;position: absolute; left: 50%;top: 50%;
transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}

.practice_txt2{width: 100%;}
.practice_txt2 p{font: 400 16px/30px "SegoeUI"; color: #000000; padding: 0 0 20px;}
.practice_txt2 h3{font: 400 20px/24px "SegoeUIbold";color: #000000; padding: 0 0 15px;}

/*Regional css*/
.regional_sec{width: 100%; padding: 0 0 75px;}
.regional_txt{width: 100%; padding: 65px 0 20px;}
.regional_txt h2{font: 400 30px/30px "Brandon_blk"; color: #000000; text-transform: uppercase; padding: 0 0 10px;}
.regional_txt p{font: 400 16px/30px "SegoeUI"; color: #000000; padding: 0 0 20px;}
.regional_img{width: 100%; height: 600px;font-size: 0;text-align: center;max-width: 100%;position: relative;overflow: hidden; margin: 70px 0 0 0;}
.regional_img img{display: inline-block; vertical-align: middle;max-height: 100%;max-width: 100%;position: absolute; left: 50%;
top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.regional_txt label{margin: 0; font: 400 16px/24px "SegoeUI"; color: #716f6f; width: 100%; display: inline-block;}
.regional_list{width: 100%; padding: 20px 0 30px;}
.regional_list label{margin: 0; font: 400 24px/30px "SegoeUISemibold"; color: #000000; width: 100%; display: inline-block; padding: 0 0 10px;}
.regional_list p{font: 400 16px/30px "SegoeUI"; color: #000000; padding: 0 0 30px;}
.regional_list ul{width: 100%;}
.regional_list ul li{width: 100%; font: 400 16px "SegoeUI"; color: #000000; padding: 0 0 16px;}


/*accessibility css*/
.accessibility_sec{width: 100%; padding: 0 0 50px;}
.accessibility_txt{width: 100%; padding: 65px 0 20px;}
.accessibility_txt h2{font: 400 30px/30px "Brandon_blk"; color: #000000; text-transform: uppercase; padding: 0 0 10px;}
.accessibility_txt p{font: 400 16px/30px "SegoeUI"; color: #000000; padding: 0 0 20px;}
.accessibility_txt p a{color: #2069bb;}


/*articles css*/
.articles_sec{width: 100%; padding: 0 0 50px;}
.articles_txt{width: 100%; padding: 65px 0 20px;}
.articles_txt h2{font: 400 30px/30px "Brandon_blk"; color: #000000; text-transform: uppercase; padding: 0 0 10px;}
/*.article_box{width: 100%;padding-bottom: 30px;}*/
.article_box { /*update on 06-09-2017*/
    /*border-bottom: 1px solid #e5e5e5;
    padding-top: 10px;
	padding-bottom: 10px;*/
    width: 100%;
}
.article_box a{width: 100%; height: 100%; display: inline-block;} 

.article_img{width:100%;/*height: 170px;*/ height: 199px;font-size: 0;text-align: center;max-width: 100%;position: relative;overflow: hidden;}
.article_img img{display: inline-block; vertical-align: middle;max-height: 100%;max-width: 100%;position: absolute; left: 50%;
top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.article_txt{width: 100%; padding: 12px 0 0 0; /*height: 160px;*/}
.article_txt h3{font: 400 20px/20px "SegoeUI"; color: #000000; padding: 0 0 14px;}
.article_box  a:hover .article_txt h3 {
    color: #ee393f;
}
.article_txt p{font: 400 15px "SegoeUI"; color: #5f5f5f; padding: 0 0 10px;}
.article_txt h5{font: 400 14px "SegoeUI"; color: #000000;}

.article_dtl_box{width: 100%; padding: 0 0 100px;}
.article_dtl_img{width: 100%; height: 420px;font-size: 0;text-align: center;max-width: 100%;position: relative;overflow: hidden; 
margin: 0 0 30px; max-width: 770px;}
.article_dtl_img img{display: inline-block; vertical-align: middle;max-height: 100%;max-width: 100%;position: absolute; left: 50%;
top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}


.article_dtl_txt{width: 100%;}
.article_dtl_txt h3{font: 400 20px/24px "SegoeUIbold"; color: #000000; padding: 0 0 24px;}
.article_dtl_txt p{font: 400 15px/24px "SegoeUI"; color: #5f5f5f; padding: 0 0 24px;}
.article_dtl_txt h4{font: 400 18px/24px "SegoeUIbold"; color: #000000; padding: 0 0 24px;}
.article_dtl_txt h5{font: 400 14px/24px "SegoeUI"; color: #000000; padding: 24px 0 0 0;}
.back_btn{width: 100%; padding: 65px 0 0; }
.back_btn a{width: 170px; height: 52px; border: 1px solid #a1a1a1; border-radius: 3px; display: inline-block; text-align: center;
font: 400 18px/49px "SegoeUISemibold"; color: #000000;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.back_btn a:hover{background: #a1a1a1;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}


/*locations css*/
.locations_sec{width: 100%; padding: 0 0 50px;}
.locations_txt{width: 100%; padding: 65px 0 50px; text-align: center;} 
.locations_txt h2{font: 400 30px/30px "Brandon_blk"; color: #000000; text-transform: uppercase; padding: 0 0 10px;}
.location_box{width: 100%; padding: 50px 0 0; text-align: center; height: 238px; border: 1px solid #747474;
max-width: 370px; margin: 0 auto 30px;}
.location_box ul{width: 100%; text-align: center;}
.location_box ul li{width: 100%; font: 400 16px/24px "SegoeUI"; color: #1a1a1a;}
.location_box ul li a{color: #1a1a1a;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.location_box ul li a:hover{color: #ee1c25;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.location_box ul li label{width: 100%; display: inline-block; font-size: 18px; text-transform: uppercase; margin: 0;}



/*careers css*/
.careers_sec{width: 100%; padding: 0 0 130px;}
.careers_txt{width: 100%; padding: 65px 0 0;} 
.careers_txt h2{font: 400 30px/30px "Brandon_blk"; color: #000000; text-transform: uppercase; padding: 0 0 10px;}
.career_box{width: 100%;}
.career_box p{font: 400 16px/30px "SegoeUI"; color: #000000; padding: 0 0 30px;}
.career_box p span{font-size: 22px;}
.career_box p a{color: #2069bb;}
.career_box h3{font: 400 20px/30px "Brandon_blk"; color: #000000; text-transform: uppercase; padding: 0 0 10px;}

/*terms_conditions css*/
.terms_sec{width: 100%; padding: 0 0 50px; min-height: 685px;}
.terms_txt{width: 100%; padding: 65px 0 20px;}
.terms_txt h2{font: 400 30px/30px "Brandon_blk"; color: #000000; text-transform: uppercase; padding: 0 0 10px;}
.terms_txt p{font: 400 16px/30px "SegoeUI"; color: #000000; padding: 0 0 20px;}


/*contact css*/
.contact_sec{width: 100%; padding: 0 0 50px; min-height: 685px;}
.contact_txt{width: 100%; padding: 65px 0 20px;}
.contact_txt h2{font: 400 30px/30px "Brandon_blk"; color: #000000; text-transform: uppercase; padding: 0 0 10px;}
.contact_form{width: 100%;}
.contact_input{width: 100%; padding: 0 0 16px;}
.contact_input label{width: 100%; font: 400 15px/15px "SegoeUI"; color: #474646; margin: 0; padding: 0 0 10px;}
.contact_input input{width: 100%; height: 49px; border: 2px solid #cfcdcd; border-radius: 0; box-shadow: none; font: 400 15px "SegoeUI";
color: #000000;}
.contact_input textarea{width: 100%; height: 200px; border: 2px solid #cfcdcd; border-radius: 0; box-shadow: none; 
font: 400 15px "SegoeUI"; resize: none; color: #000000;}
.contact_input button{width: 127px; height: 50px; border: 1px solid #a1a1a1; border-radius: 3px; background: #fff; outline: none; 
box-shadow: none;font: 400 18px "SegoeUISemibold"; color: #000000;
-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.contact_input button:hover{background: #000000; color: #fff;
-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.contact_img{width: 100%; height: 477px;font-size: 0;text-align: center;max-width: 100%;position: relative;overflow: hidden; margin: 25px 0 0 0;}
.contact_img img{display: inline-block; vertical-align: middle;max-height: 100%;max-width: 100%;position: absolute; left: 50%;
top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.contact_input input:focus{border-color: #000; box-shadow: none;}
.contact_input textarea:focus{border-color: #000; box-shadow: none;}

/*under construction page*/
.construction_sec{width: 100%; display: table; height: 400px;}
.middle{display: table-cell; vertical-align: middle;}
.middle h1{text-align: center; font: 400 30px "Brandon_blk";}


.home_location { margin-bottom:80px;}
.our_expertise h3 {font: 400 30px/30px "Brandon_blk";color: #000000;text-transform: uppercase;padding: 0 0 35px;}
.our_expertise {}
.our_expertise ul {}
.our_expertise  li{}
.our_expertise  li a{ font-size:18px; color:#000000; padding-bottom:20px; display:block; cursor:pointer;}
.our_expertise  li a:hover { color:#ee393f;}
.locations {}
.locations h3 {font: 400 30px/30px "Brandon_blk";color: #000000;text-transform: uppercase;padding: 0 0 35px;}
.location_box2 { border-bottom: solid 1px #c8c6c6; padding-bottom:15px; margin-bottom:15px;}
.location_box2 h4 { font-size:18px; color:#1a1a1a; padding-bottom:8px; font-weight:bold;}


/*5-9-17*/
.articles_box{height: 220px;}
.articles_con{margin: -48px 0 0 0;opacity: 1;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.main_articles_box:hover .articles_con{opacity: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}




/*12-9-17*/
/*translation section*/
/*.translation_sec{width: 100%; padding: 0 0 30px;}
.translation_inn1{width: 100%;padding: 60px 0 0; border-bottom: 1px solid #e5e5e5;}
.translation_inn1 h2{font: 400 30px/30px "SegoeUIbold";color: #000000;padding: 0 0 15px; border-bottom: 2px solid #e5e5e5;}
.translation_inn1 p {font: 400 16px/24px "SegoeUI"; color: #000000; padding: 0 0 24px;}
.regional_sec1{width: 100%; max-width: 600px; margin: 0 auto;}
.regional_sec1 h3{font: 400 20px/30px "Brandon_blk";color: #000000;text-transform: uppercase;padding: 0 0 15px;}
.people-list{width: 100%;}
.people-list a{width: 100%; display: inline-block;}
.people-list img{max-width: 100%; max-height: 372px; margin: 0 0 15px;}
.people-list p.pl-name{font: 400 16px/24px "SegoeUISemibold"; color: #000000;}
.people-list p {font: 400 16px/24px "SegoeUI";color: #595959; padding: 0;}
.translation_inn2{width: 100%; padding: 60px 0 0;}
.translation_inn2 h2{font: 400 30px/30px "Brandon_blk";color: #000000;text-transform: uppercase;padding: 0 0 15px;}
.translation_inn2 p {font: 400 16px/30px "SegoeUI"; color: #000000;}
.translation_inn2 p u{font-family: "Brandon_blk";}*/

/*  
morton-associates-min.css


/* //////////////////////////////////////////
  base
//////////////////////////////////////////*/
.content_section{width: 100%; padding: 0 0 50px;}
html, body {
    margin: 0;
    padding: 0;
	height: 100%
}
html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body {
	font-size: 12px;
	color: #000;
	font-weight: 400;
	line-height: 1;
	letter-spacing: .02em;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
ol,ul {
	list-style: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
input, select {
	vertical-align: middle
}
input[type="submit"],
input[type="reset"],
button,
select {
	cursor: pointer;
	-webkit-appearance: none;
	outline: none
}
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 0;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	box-sizing: content-box
}
h1, h2, p, pre {
	word-wrap: break-word
}
caption,th,td {
	text-align: left;
	font-weight: 400;
	vertical-align: middle
}
a {
	color: #000;
	cursor: pointer;
	text-decoration: none
}
a.op:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

article,aside,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary {
	display: block
}
/* clearfix */
.cf:after {
	content: '';
	display: block;
	clear: both
}
/* //////////////////////////////////////////
  general
//////////////////////////////////////////*/
.inner {
	max-width: 100%;
	margin: 0 auto
}
.rl {
	color: #e40050
}
.rl:hover {
	color: #909090;
	text-decoration: underline
}
.btg {
	border-top: solid 1px #e5e5e5
}
.btg-none {
	margin-top: 0!important;
	border-top: none!important
}

/* //////////////////////////////////////////
  l-master,  l-container,   #module
//////////////////////////////////////////*/
#l-master {
}
.l-container {
}

/* //////////////////////////////////////////
  cookie
//////////////////////////////////////////*/
#cookie {
	padding: 15px 30px;
	background: #606060
}
#cookie p {
	letter-spacing: 0.04em
}
.ck-title {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 10px
}
.ckt, .ckc {
	display: inline-block;
	vertical-align: top;
	*zoom: 1;
	*display: inline;
	line-height: 1.4
}
.ckt {
	width: 74%;
	color: #ccc
}
#cookie a {
	color: #fff;
	text-decoration: underline;
	padding-left: 5px
}
.ckc {
	width: 320px;
	text-align: right
}
.cookie-close {
	position: relative;
	display: inline-block;
	width: 68%;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none!important;
	padding: 8px 10px 8px 5px;
	border: solid 1px #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px
}
.cookie-close span {
	position: absolute;
	left: 8px;
	top: 0;
	font-size: 24px;
	font-weight: 400;
	padding-right: 5px
}

/* //////////////////////////////////////////
  topVideo
//////////////////////////////////////////*/
#video-visual {
	width: 100%;
	height: 390px;
	background: #000
}
.tv-inner {
	position: relative;
	width: 100%;
	height: 390px;
	margin: 0 auto;
	overflow: hidden;
}
#topVideo{
/*	position: absolute;
	z-index: 4;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: black; 
	
	background-position: center center;
	background-size: contain;
	object-fit: cover; */
}




#video-visual .layer {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5)
}
#video-visual .layer .l-logo {
	position: absolute;
	top: -30px;
	right: 0;
	bottom: 0;
	left: 0;
	color: #fff;
	margin: auto;
	width: 444px;
	height: 150px
}
#video-visual .layer .layer-text {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 26px;
	padding-top: 20px
}


/* //////////////////////////////////////////
  header, footer
//////////////////////////////////////////*/
/*--- header ---*/
#header {
	width: 100%;
	text-align: center;
	z-index: 100;
	padding: 18px 0 12px 0;
	border-top: solid 3px #000;
	border-bottom: solid 1px #e5e5e5
}
.h-logo {
	width: 100px;
	padding-left: 20px
}
#header img {
	width: 100px;
}

/*--- select ---*/
.la-select {
	position: relative;
	width: 168px;
	padding: 0 6px!important;
	margin: -5px 0 0 5px!important;
	overflow: hidden
}
.la-select > select {
	width: 130%;
	color: #fff;
	font-size: 14px;
	padding: 8px 0 10px 10px;
	background: #000
}
.la-select:before {
	display: block;
	content: "";
	position: absolute;
	top: 58%;
	right: 15px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid #000;
	border-top: 5px solid #fff
}
/*--- footer ---*/
#footer {
	text-align: center;
	margin-top: 80px;
	border-top: solid 1px #ccc
}
.legals-nav {
	padding: 22px 0 20px 0
}
.legals-nav li {
	display: inline-block;
	font-size: 14px;
	margin: 0 10px
}
.copy {
	color: #666;
	letter-spacing: .05em;
	padding: 22px 0 20px 0;
	background: #000
}

/* //////////////////////////////////////////
  i-module
//////////////////////////////////////////*/
#i-module {
	max-width: 1080px;
	margin: 0 auto
}
.i-content {
	margin-top: 40px
}
/*--- main-visual ---*/
.mv-cap {
	position: absolute;
	top: 50px;
	left: 50px;
	line-height: 1.6
}
.sf .mv-cap {
	color: #fff
}
.mv-cs, .mv-cl {
	font-weight: 700
}
.mv-cs {
	font-size: 18px
}
.mv-cl {
	font-size: 46px;
	margin-top: 20px
}
.mv-cap p {
	width: 40%;
	font-size: 16px;
	margin-top: 18px
}
.bx-wrapper {
	position: relative;
	*zoom: 1;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}
.bx-wrapper .bx-pager {
	position: absolute;
	bottom: 20px;
	width: 100%
}
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 14px;
	height: 14px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	vertical-align: bottom;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
}
/*--- ic-module-wrap ---*/
.ic-content {
	padding: 60px 30px
}
.ic-content .heading h3 {
	font-size: 25px;
	font-weight: 700;
	letter-spacing: .02em;
	padding: 0 0 15px 0;
	border-bottom: solid 2px #000;
}
.ic-module-wrap {
	width: 103%;
	overflow: hidden
}
.ic-module {
	float: left;
	width: 100%;
	max-width: 324px;
	margin: 24px 24px 0 0
}
.ic-module figure {
	position: relative;
	overflow: hidden;
	max-width: 324px
}
.ic-module figure img {
	width: 100%;
	height: auto
}
.ic-module .fig-cap {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: table;
	color: #fff;
	font-size: 18px;
	width: 100%;
	height: 53px;
	padding-left: 15px;
	background: rgba(70,70,70,0.9);
	-webkit-transition: .3s;
	transition: .3s
}
.ic-module .link-cap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	color: #fff;
	line-height: 1.3;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0
}
.ic-module .fig-cap h3 {
	display: table-cell;
	vertical-align: middle
}
.ic-module .link-cap h3,
.ic-module .link-cap p {
	position: absolute;
	left: -100%;
	width: 86%;
	-webkit-transition: .3s;
	transition: .3s
}
.ic-module .link-cap h3 {
	top: 20px;
	font-size: 24px
}
.ic-module .link-cap p {
	top: 90px;
	font-size: 16px;
	text-decoration: underline
}
.ic-module figure:hover .fig-cap {
	opacity: 0;
}
.ic-module figure:hover .link-cap {
	opacity: 1;
}
.ic-module figure:hover .link-cap h3,
.ic-module figure:hover .link-cap p {
	left: 20px;
}
.ic-module figure:hover .link-cap h3 {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.ic-module figure:hover .link-cap p {
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}

/*---latest-news ---*/
.latest-news {
	padding: 0 30px
}
.latest-news .heading {
}
.latest-news .heading h3 {
	font-size: 25px;
	font-weight: 700;
	letter-spacing: .02em;
	padding: 0 0 15px 0;
	border-bottom: solid 2px #000;
}
.ln-col {
	margin-top: 5px;
}
.ln-col li {
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 1.2;
	padding: 16px 30px 16px 0;
	border-bottom: solid 1px #e5e5e5
}
.ln-col li a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 48%;
	right: 5px;
	width: 14px;
	height: 14px;
	margin-top: -4px;
	background: #ccc
}
.ln-col li a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 48%;
	right: 9px;
	width: 14px;
	height: 14px;
	margin-top: -4px;
	background: #fff
}
.ln-col li a:hover {
	color: #909090;
	text-decoration: underline
}
.ln-col li a:hover:before {
	background: #000
}
.ln-date {
	display: block;
	font-size: 11px;
	color: #999;
	padding-bottom: 5px
}
.on-link {
	display: block;
	font-size: 18px;
	text-align: right;
	margin-top: 20px
}

/*---rh-link ---*/
.rh-link {
}
.rh-link a {
	opacity: 1;
	-webkit-transition: .1s;
	transition: .1s
}
.rh-link a:hover {
	opacity: .7
}
.rh-link img, .about-link img {
	display: block;
	width: 100%;
}
.about-link {
	margin-top: 60px
}


/* //////////////////////////////////////////
  l-contents, index-contents
//////////////////////////////////////////*/
.l-contents {
}
.lc-heading {}
.page-title {
	font-size: 28px;
	font-weight: 700;
	padding-bottom: 15px;
	border-bottom: solid 1px #e5e5e5;
}
.tlt {
	font-size: 1.08em;
	font-weight: 700;
	margin-top: 22px
}
.tt {
	color: #363636;
	line-height: 1.3;
	margin-top: 20px
}
.tmt {
	font-weight: 700;
	display: block
}
.rt {
	margin-top: 25px;
	color: #e40050;
	font-weight: 700
}
.sub-tt {
	display: block;
	color: #262626;
	font-weight: 700;
	font-size: 1.04em;
	padding-bottom: 2px
}

/*--- index-contents ---*/
.index-contents {}
.index-contents .ic-module-wrap {
	padding-top: 25px
}
.index-contents .ic-module .link-cap h3 {
	font-size: 18px
}
.index-contents .ic-module .link-cap p {
	top: 70px;
	text-decoration: none
}

/* //////////////////////////////////////////
  s-contents
//////////////////////////////////////////*/
.s-contents {
	padding-top: 50px
}
.sub-nav {
	padding: 0 0 30px 30px;
	border: solid 1px #e5e5e5; 
}
.sub-nav li {
	float: left;
	margin: 30px 30px 0 0
}
.sub-nav li a {
	position: relative;
	display: block;
	line-height: 1.2;
	padding: 4px 0 4px 12px
}
.sub-nav li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 11px;
	left: 0;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid #fff;
	border-left: 6px solid #c9c9c9
}
.sn-active {
	color: #909090
}
.sub-nav li a:hover {
	color: #909090;
	text-decoration: underline
}

/* //////////////////////////////////////////
  pages
//////////////////////////////////////////*/
.pages {
	font-size: 1.26em;
	padding: 50px 0 0
}
.page-module {
	padding-top: 10px
}

/* //////////////////////////////////////////
  our-people
//////////////////////////////////////////*/
.our-people .page-title {
	padding: 0;
	border-bottom: none
}
.our-people-content {
	margin-top: 25px;
	padding-top: 20px;
	border-top: solid 2px #000
}
.people-list-wrap {
	width: 100%;
	overflow: hidden
}
.people-list-wrap h3 {
	font-size: 22px
}
.people-list {
	float: left;
	width: 23.8888%;
	margin: 30px 10px 0 0
}
.people-list p {
	font-size: 14px
}
.people-list p.pl-name {
	color: #000;
	font-size: 15px;
	font-weight: 700;
	padding: 10px 0 3px 0
}
.people-list a {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
.people-list a:hover {
	opacity: .5
}

.people-list img{
    max-width: 100%;
    height: 350px;
}

/*--- people-page ---*/
.people-page {
	padding: 0 30px;
	margin: 0 auto
}
.people-plofile, .people-image {
}
.people-plofile {
}
.people-image {
	float: right;
	clear: both;
	width: 360px;
	margin: 15px 0 5px 50px
}
.people-image img {
	width: 100%
}
.people-name {
	font-size: 26px;
	font-weight: 700
}
.pn-bottom {
	color: #909090;
	margin-top: 10px
}
.pp-title {
	font-size: 18px;
	font-weight: 700;
	margin-top: 20px
}
.pp-text {
	line-height: 1.4;
	margin-top: 10px
}
.pp-sub {
	margin-top: 25px
}
.pp-subTitle {
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 5px
}
.pp-subText {
	line-height: 1.3;
	padding-top: 3px
}
.op-back {
	display: block;
	width: 64%;
	margin: 60px auto 0 auto;
	text-align: center;
	padding: 20px;
	background: #f0f0f0
}
.op-back span {
	position: relative;
	padding-left: 5px
}
.op-back span::before {
	display: block;
	content: "";
	position: absolute;
	top: 3px;
	left: -12px;
	width: 0;
	height: 0;
	border: 5px solid #f7f7f7;
	border-left: 6px solid #000
}
.op-back:hover {
	color: #fff;
	background: #000
}
.op-back:hover span::before {
	border: 5px solid #000;
	border-left: 6px solid #fff
}
/* //////////////////////////////////////////
  our-services
//////////////////////////////////////////*/
.map-col {
	display: table;
	margin-top: 25px;
	padding: 20px 0 0;
	border-top: solid 1px #e5e5e5
}
.map-col-wrap {
	margin-top: 20px;
	padding: 22px 0
}
.map-col-wrap h3 {
	display: block;
	text-align: center;
	font-size: 1.5em
}
.map-col-wrap .map-col {
	border-top: none;
	padding: 0
}
.mc-img, .mc-text {
	display: table-cell;
	vertical-align: top
}
.mc-img img {
	width: 250px
}
.mc-text {
	font-size: 1.44em;
	line-height: 1.1;
	padding: 0 40px 0 120px;
}
.os-col {
	line-height: 1.3;
	padding-top: 28px
}
.os-col-left {
	float: left;
	width: 76%
}
.os-col-right {
	float: right;
	width: 134px
}
.os-col-right img {
	width: 100%;
	height: auto
}
.os-col h3 {
	text-align: center;
	font-size: 1.5em;
	padding-bottom: 30px
}
.wc-col {
	margin-top: 25px;
	padding: 25px 0 10px 0;
	border-top: solid 1px #e5e5e5
}
.wc-col h3 {
	text-align: center;
	font-size: 1.5em
}
.wc-col h4 {
	font-size: 1.4em;
	padding: 20px 0 0
}
.wc-list {
	width: 105%;
	overflow: hidden
}
.wc-list li {
	float: left;
	width: 25%;
	list-style-type: disc;
	line-height: 1.2;
	color: #363636;
	margin: 25px 40px 0 20px
}
.wc-list-m-wrap, .wc-list-l-wrap {
	width: auto;
	text-align: center;
	margin: 30px auto 15px auto
}
.wc-list-s-wrap {
	width: 105%;
	margin: 30px 0 15px 0;
	overflow: hidden
}
.wc-list-l {
	display: inline-block;
	vertical-align: top;
	width: 49%
}
.wc-list-m {
	display: inline-block;
	vertical-align: top;
	width: 42%
}
.wc-list-s {
	float: left;
	width: 33%
}
.wc-list-s li, .wc-list-m li, .wc-list-l li {
	list-style-type: disc;
	line-height: 1.2;
	color: #363636;
	text-align: left;
	margin: 0 30px
}
.spp-list {
	width: 105%;
	overflow: hidden
}
.spp-list li {
	float: left;
	width: 22%;
	margin: 35px 22px 0 0;
	padding: 60px 0 0;
	background-position: 40% top;
	background-repeat: no-repeat;
	background-size: 44px 44px;
}
.i-plus {background-image: url("../images/icon/icon_plus.png")}
.i-zoom {background-image: url("../images/icon/icon_zoom.png")}
.i-lock {background-image: url("../images/icon/icon_lock.png")}
.i-key {background-image: url("../images/icon/icon_key.png")}
.i-door {background-image: url("../images/icon/icon_door.png")}
.i-bag {background-image: url("../images/icon/icon_bag.png")}
.i-cross {background-image: url("../images/icon/icon_cross.png")}
.key-col, .lock-col {
	text-align: center;
	margin-top: 25px;
	padding: 25px 0 10px 0;
}
.key-col h3, .lock-col h3 {
	text-align: center;
	font-size: 1.5em
}
.key-col p, .lock-col p {
	text-align: left;
	line-height: 1.3;
	padding: 25px 0 10px 110px;
	background-position: 25px 54%;
	background-repeat: no-repeat;
	background-size: 44px 44px
}
.key-col p {
	background-image: url("../images/icon/icon_key.png")
}
.lock-col p {
	background-image: url("../images/icon/icon_lock.png")
}
.key-col a {
	display: inline-block;
	margin: 15px;
}
.key-col a img {
	width: 134px;
}
.adr-flex {
	margin-top: 25px;
	padding-top: 25px
}
.adr-flex dl {
	display: inline-block;
	vertical-align: top;
	width: 46%;
	text-align: center
}
.adr-flex-right {
	margin-left: 40px
}
.adr-flex dl dt {
	display: inline-block;
	font-size: 18px;
	margin: 0 auto;
	padding: 0  0 65px 0;
	background-position: 40% bottom;
	background-repeat: no-repeat;
	background-size: 40px 40px;
}
.adr-flex dl dd {
	text-align: left;
	line-height: 1.2;
	margin-top: 25px
}

/* //////////////////////////////////////////
  about-us
//////////////////////////////////////////*/
.figure-module {
	margin-top: 25px
}
.figure-module img {
	display: block;
	width: 100%
}
.fm-cap {
	text-align: center;
	line-height: 1.8
}
.oh-list {
	margin: 20px 0 25px 0
}
.oh-list li {
	list-style-type: disc;
	margin: 5px 0 0 25px
}


/* //////////////////////////////////////////
  knowledge-news
//////////////////////////////////////////*/
.knowledge-news {
}
.news-all {
	margin: 45px 0 20px 0
}
.knowledge-news .ln-col {
	border-top: solid 1px #e5e5e5
}
.news-all .ln-col li a {
	position: relative;
	display: block;
	padding: 20px 0
}
.news-all .ln-col li a h3 {
	font-size: 17px;
	font-weight: 700
}
.news-all .ln-col li a p {
	font-size: 13.5px;
	padding-top: 12px
}
.knowledge-news .ln-date {
	padding-bottom: 10px
}
/*--- articles ---*/
.articles {
	margin-top: 30px
}
.articles-wrap {
	width: 76%;
	margin: 0 auto
}
.articles-title {
	padding: 25px 0 18px 0;
	border-bottom: dotted 1px #ccc
}
.articles-title h2 {
	position: relative;
	font-size: 22px;
	font-weight: 700
}
.articles-title span {
	display: block;
	font-size: 12px;
	color: #999;
	padding: 0 0 10px 0
}
.articles-col {
}
.articles-col p {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 15px
}


/* //////////////////////////////////////////
  legals
//////////////////////////////////////////*/
.cookies-col {
	margin-top: 25px
}
.cookies-col th {
	width: 154px
}
.cookies-col thead th {
	font-weight: 700
}
.cookies-col th, .cookies-col td {
	line-height: 1.3;
	padding: 9px 0
}
.cookies-col td {
	width: 78%
}
.acl {
	margin: 20px 0 0 25px
}
.acl li {
	list-style-type: disc;
	line-height: 1.3
}
.ttl {
	font-size: 1.06em;
	color: #e40050;
	display: block
}
.ttl:hover {
	color: #909090;
	text-decoration: underline
}
.tob-col {
	padding: 20px 0 35px 0;
	border-bottom: solid 1px #ccc
}
.tob-col:last-child {
	padding: 20px 0 0;
	border-bottom: none;
}
.tob-col h3 {
	font-size: 1.1em;
	font-weight: 700
}
.tobt {
	font-size: 1.04em;
	font-weight: 700;
	margin-top: 20px
}




@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){
}@media (max-width:768px){
	.portfolio {
		margin: 80px 0
	}
}
@media (max-width:480px){
	#i-nav, .i-navLeft, #v-nav  {
		display: none
	}
}



.arabic{direction: rtl !important; text-align:right !important;}

.people-list-rht {
    float: right;

}



/*

.icon-small{height:16px;  margin:0; padding:0; border-radius:0px;}

.icon-medium{height:18px; margin:0;	padding:0; border-radius:0px;}


.lang_sec .navbar-collapse { padding-right: 0px;   padding-left: 0px; position:relative;}

.lang_sec .navbar-nav { padding: 0px 0 0 0px;}
.lang_sec .navbar-nav li a {padding: 5px 10px; border-bottom:none;}
.lang_sec .navbar-nav li a:hover { border:none;}

.lang_sec .dropdown-menu > li > a { font-size:14px;}

.lang_sec .navbar-nav .dropdown { position:relative !important; border: solid 1px #F00; }
.lang_sec .navbar-nav .dropdown-menu  { border: solid 1px #F00; border-radius:0px; z-index:9999;}

*/


.lang_sec select.icon-menu option {background-repeat:no-repeat; background-position:bottom left; padding-left:30px; }

.lang_sec .dropdown-select {width: 134px !important; }

.btn-lang_sec {
    background-color: #fff;
    border-color: transparent;
	width: 134px;
	padding:0px;
	text-align:right;
	font-size:15px;
	margin-top:4px;
	text-transform:uppercase;
	color:#6c6e70;
}


#myDropdown { width:134px !important; z-index:9999;}


.btn-lang_sec a:hover, .btn-lang_sec a:hover, .btn-lang_sec a:active, .btn-lang_sec:focus { box-shadow:none;}


.dd-select {
    border-radius: 0px !important;
    border:none ;
    position: relative;
    cursor: pointer;
	background-color:transparent !important;
	width:134px !important;
	background: none !important;
	line-height:16px !important;
	padding:0px 0px !important;

}

.dd-selected {padding:10px 5px !important;}
.dd-selected img { padding-right:2px; margin-top:2px;}

.dd-options {width:134px !important; padding:10px 0px !important;}

.lang_sec label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
	line-height:16px !important; 
	font-size:12px;
	text-transform:uppercase;
	color:#6c6e70;
	font-weight:normal;
}







.dd-options {
    
    z-index: 9999999 !important;
   
}




.form_bg::before{content: ""; background: url(../images/mform_before.png) no-repeat; width: 16px; height: 17px; top: 0px; left: -16px; position: absolute; display: block;}
.form_bg::after{content: ""; background: url(../images/mform_after.png) no-repeat; width: 16px; height: 17px;top: 0px;  right: -16px; position: absolute; display: block;}
.form_bg{ -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box; position: relative; display: block; }

.form_bg input{ height: 50px;line-height: 1; }
.form_bg input.form-control { height: 50px; line-height: 1; background: #fff;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box; }
.form_bg input, .form_bg textarea, .form_bg select {  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box; background: #fff; padding: 10px; color: #323232; }
.form_bg input, .contactus-form textarea, .form_bg select {padding-top: 0px;

padding-bottom: 0;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box; width: 100%;  border-color: transparent; background-color: #fff; border-radius: 0px; color: #323232;  font-size: 14px; border: 1px solid #ddd; }
.form_bg .form-control { -webkit-box-shadow: inherit !important; box-shadow: inherit !important; }
.form_bg input::-webkit-input-placeholder { color:    #323232;}
.form_bg input:-moz-placeholder, .form_bg textarea:-moz-placeholder { color:    #323232;opacity:  1;}
.form_bg input::-moz-placeholder, .form_bgtextarea:-moz-placeholder { color:    #323232;opacity:  1;}
.form_bg input:-ms-input-placeholder, .form_bg textarea:-moz-placeholder { color:    #323232;}
.form_bg input::-ms-input-placeholder, .form_bg textarea:-moz-placeholder {color:    #323232;}



.form_bg select:-moz-placeholder { color:    #323232;opacity:  1;}
.form_bg select::-moz-placeholder { color:    #323232;opacity:  1;}
.form_bg select:-ms-input-placeholder{ color:    #323232;}
.form_bg select::-ms-input-placeholder  {color:    #323232;}

.submit-btn {
 -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;
    background: #ee393f !important;
    border-color: #ee393f !important;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 16px !important;
    font-weight: bold;
    letter-spacing: 1px;
    width: 100%;

height: 50px;

display: block;

text-align: center;

line-height: 50px;

}
.form_bg .checkboxb input[type="checkbox"] {

    width: auto !important;

}
.form_bg .checkboxb span {

    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;

}



.form_bg {background: #424242;}
.form_bg label{ font-size: 16px; font-weight: bold; color: #ffffff; display: block; margin-bottom: 10px;}
.form_bg {

    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    top: -17px;

}

.about_title{ text-transform:uppercase; border-left: 4px solid #ee393f; padding-left:10px; margin-bottom:20px;}
a.readmore{background:#231f20; color: #ffffff; text-align: center; padding:10px 30px; text-transform:uppercase; font-size: 14px; clear: both;

margin-top: 20px; display: inline-block;}
.abou_section {

    padding-top: 70px;

}
.abou_section img{ border: 2px solid #dddddd; }
.banner_section img{ max-width: 100%; }



.form_bg .checkboxb input[type="checkbox"] {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.form_bg .checkboxb label {
  position: relative;
  cursor: pointer;
  margin-bottom: 0;
  line-height: 24px;
}

.form_bg .checkboxb label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #fff;
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 8px;
}

.form_bg .checkboxb input[type="checkbox"]:checked + label:after {
  content: '';
  display: block;
  position: absolute;
top: 4px;
left: 9px;
  width: 6px;
  height: 14px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.block_form_inn {

    padding: 0 5px;

}
.form_bg .form-group {

    margin-bottom: 20px;

}
a.readmore:hover{ background: #ee393f; }
.submit-btn:hover{background: #a71e23 !important; border-color:#a71e23 !important; }


.form_bg .select2-container--default .select2-selection--single {border-radius: 0 !important; border-color: #dddddd !important;}
.form_bg .select2-container--default .select2-selection--single .select2-selection__rendered{color: #323232 !important;line-height: 50px;}
.form_bg .select2-container--default .select2-selection--single .select2-selection__arrow{height: 48px;}
.form_bg .select2-container .select2-selection--single{ height: 50px; }
.form_bg .select2-container--default .select2-selection--single .select2-selection__placeholder{ color: #323232; }
.form_bg .select2-container .select2-selection--single{ font-size: 14px; }
.form_bg .select2-container--default .select2-selection--single .select2-selection__arrow{ width: 40px; }
.form_bg .select2-container .select2-selection--single .select2-selection__rendered{ padding-right: 40px; }
.form_bg .select2-container{ display: block; width: 100% !important; }
.select2-container .select2-dropdown {

    top: 0px !important;
    left: 0px !important;

}

.form_bg .form-second-step .form-group.simpletext {

    width: 100%;
    color: #fff;

}
.successmessagec .successmessage {color: #32CD32 !important;  }
.processsubmitchat {

    width: 100%;
    text-align: center;
    display: block;
    margin-top: 20px;

}


.topblk {

    background: #fff;

}

.btmblk {

    text-align: center;
    background: #c3b4a3;

}
.downloadlogo{ padding: 60px 0px;background: #e5e5e5; }
.logottlbelow a {

    background: #fff;
    border-radius: 4px;
    padding: 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-size: 14px;

}
.alllogos .col-md-4 {

    margin-bottom: 60px;

}
.alllogos img {

    max-width: 100%;

}
.btmblk {

    text-align: center;
    padding: 30px 10px 40px 10px;
    border-bottom-left-radius: 10px;

border-bottom-right-radius: 10px;

}
.logottl {

    font-size: 20px;
    font-weight: bold;
    padding-bottom: 40px;

}
.thrdclm .topblk {

    background: #000000;
    color: #fff;
    text-align: center;
    padding: 80px 10px;
    font-size: 20px;

text-transform: uppercase;

}

.alllogos .thrdclm .col-md-4{ margin-bottom: 0px; }
.thrdclm .btmblk {

    background: #fff !important;

}
.thrdclm .sndblk .btmblk .logottl {

    color: #000000;

}
.sndblk .btmblk .logottl {

    color: #fff;

}
.logottlbelow a {

    margin-left: 6px;
    margin-right: 6px;

}
.sndblk .btmblk {

    background: #000;

}
.alllogos .collinner {

    -webkit-box-shadow: 0 0 15px rgba(0,0,0, .20);
    -moz-box-shadow: 0 0 15px rgba(0,0,0, .20);
    box-shadow: 0 0 15px rgba(0,0,0, .20);
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

}
.navbar-brand img {

    max-width: 100%;
    height: 48px;

}
.foot_logo img {

    height: 50px;

}
@media screen and (max-width:767px){
    .abou_section .block1_img {

       margin: 20px 0 0px 0px;

}
.form_bg{ padding: 20px; }
.abou_section {

    padding-top: 30px;

}
.about_title{padding: 0;

border-left: 0;

font-size: 20px; text-align: center; padding-left: 0px; text-align: center;}
.abou_section {

    text-align: center;

}

}

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

.form_bg .checkboxb label{ font-size: 12px; }
}