@font-face {

    font-family: 'OpenSans';

    src: url('fonts/opensans-regular.eot');

    src: url('fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),

         url('fonts/opensans-regular.woff') format('woff'),

         url('fonts/opensans-regular.ttf') format('truetype'),

         url('fonts/opensans-regular.svg#open_sansregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'OpenSansLight';

    src: url('fonts/opensans-light.eot');

    src: url('fonts/opensans-light.eot?#iefix') format('embedded-opentype'),

         url('fonts/opensans-light.woff') format('woff'),

         url('fonts/opensans-light.ttf') format('truetype'),

         url('fonts/opensans-light.svg#open_sanslight') format('svg');

    font-weight: lighter;

    font-style: normal;

}

@font-face {

    font-family: 'openSansSemibold';

    src: url('fonts/opensans-semibold-webfont.eot');

    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/opensans-semibold-webfont.woff') format('woff'),

         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),

         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');

    font-weight: normal;

    font-style: normal;

}


@font-face {

    font-family: 'HelveticaNeue';

    src: url('fonts/HelveticaNeue.eot');

    src: url('fonts/HelveticaNeue.eot') format('embedded-opentype'),

         url('fonts/HelveticaNeue.woff') format('woff'),

         url('fonts/HelveticaNeue.ttf') format('truetype'),

         url('fonts/HelveticaNeue.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}



body, html, ul, h1, h2, h3, h4, h5, p, figure, article, address{ margin: 0; padding: 0; color: inherit; font-weight: normal; outline: none; font-style: normal;}

h1, h2, h3{ font-family: 'OpenSans';}

div, section, article, input, a, li, img, hr{ box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; outline: none; border: none;}

body{ font-family: 'OpenSans'; font-size: 13px; min-width: 985px; color: #FFF;}

p{ line-height: 20px; font-size: 12px; color: #808080;}

ul{ list-style: none;}

a{ text-decoration: none; color: inherit; font-size: 12px;}

.cleaner{ zoom: 1;}

.cleaner:after{ display: block; content: ""; clear: both;}

.clear{ clear: both;}

.container{ width: 990px; margin: 0 auto; position: relative;}

.contentContainer{ padding: 0 15px; width: 990px; margin: 0 auto;position: relative;}

#bannerWrapper{ position: relative; height: 520px; margin-top: 75px;}

#banner{ width: 100%; height: 100%; background: #137dc2 url(images/banner5.jpg) no-repeat; background-size: cover; position: absolute; left: 0; top: 0;}

#banner > figure{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(images/banner5.jpg) no-repeat; background-size: cover; opacity: 0;}

#banner > figure:nth-child(2){ background: url(images/banner3.jpg) no-repeat; background-size: cover;}

#banner > figure:nth-child(3){ background: url(images/banner2.jpg) no-repeat; background-size: cover;}

#banner > figure:nth-child(4){ background: url(images/banner1.jpg) no-repeat; background-size: cover;}

#bannerContent{ position: absolute; left: 0; top: 0; width: 100%; height: 100%}

#bannerContent .container{ height: 100%;}

#bannerContent section{ padding: 15px; height: 100%; position: relative; z-index: 999;}

.mainMenu{position: fixed; left: 0; top: 0; width: 100%; z-index: 99991}

.menu-color{background: #3a3f47;}

.mainMenu header > a{ display: block; float: left; padding: 2px 0 0 0px;}

.mainMenu nav{ float: right;}

.mainMenu nav > ul > li, .mainMenu nav > ul{ float: left; position: relative;}

.mainMenu nav .subMenu{ position: absolute; left: 0; top: 76px; background: #2d2f34; opacity: 0; visibility: hidden; z-index: 9999; min-width: 200px;}

.mainMenu nav > ul > li:hover ul{ opacity: 1; visibility: visible;}

.mainMenu nav .subMenu a{ line-height: 40px; font-size: 13px; padding: 0 10px; color: #FFF !important; display: block; width: 100%; padding-left:20px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}

.mainMenu nav .subMenu a:hover{ background: #329BD2; color:#fff;padding-left:25px;}

.mainMenu nav > ul > .li-hover > a{line-height: 75px; font-size: 14px; padding: 0 20px; color: #FFF; display: block; position: relative; }


/*.mainMenu nav a:after{ content: ""; position: absolute; width: 0%; left: 50%; bottom: 8px; height: 1px; background: #137dc2; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}*/

.mainMenu nav > ul > li > a{line-height: 75px; font-size: 14px; padding: 0 25px; color: #7a7a7a; display: block; position: relative;}

/*.mainMenu nav a.active:after, .mainMenu nav a:hover:after{ width: 60%; left: 20%; bottom: 13px;}*/

.mainMenu nav .search{ width: 40px; height: 75px; float: right; display: table; background-position: center; margin-left: 15px; position: relative;}

.mainMenu nav .search .searchBar{ width: 300px; max-height: 40px; display: table-cell; vertical-align: middle; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}

/*.mainMenu nav .search:hover .searchBar{ bottom: -40px; opacity: 1; visibility: visible;}*/

.mainMenu nav .search span{ cursor: pointer; position: absolute; display: block; width: 40px; height: 75px; right: 0; top: 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE5cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE5IDE5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOSAxOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjNzc3Nzc3IiBkPSJNMTcuNjMyLDE2Ljk1NWwtNC43NjEtNC43NjJjMS4xMDktMS4xODgsMS43OTUtMi43NzYsMS43OTUtNC41MjdjMC0zLjY2Ny0yLjk4Mi02LjY0OC02LjY0OS02LjY0OA0KCWMtMy42NjcsMC02LjY0OSwyLjk4MS02LjY0OSw2LjY0N2MwLDMuNjY3LDIuOTgyLDYuNjQ3LDYuNjQ5LDYuNjQ3YzEuMzkxLDAsMi42ODItMC40MzQsMy43NS0xLjE2NGw0LjgzNCw0LjgzNEwxNy42MzIsMTYuOTU1eg0KCSBNMi44MjQsNy42NjZjMC0yLjg2MiwyLjMzLTUuMTkxLDUuMTkyLTUuMTkxYzIuODY0LDAsNS4xOTIsMi4zMjksNS4xOTIsNS4xOTFjMCwyLjg2MS0yLjMyOCw1LjE5MS01LjE5Miw1LjE5MQ0KCUM1LjE1NCwxMi44NTUsMi44MjQsMTAuNTI3LDIuODI0LDcuNjY2eiIvPg0KPC9zdmc+DQo=) no-repeat; background-position: center;}

.mainMenu nav .search .searchBar input{ background: rgba(255, 255, 255, 0.76); float: left; width: 0px; opacity: 0; height: 30px; padding-left: 10px; border-radius: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.33); font-size: 12px; color: #000;}

.mainMenu nav .search .searchBar input::-webkit-input-placeholder {font-style: italic;color: rgba(0, 0, 0, 0.73)}

.mainMenu nav .search .searchBar input:-moz-placeholder { font-style: italic;color: rgba(0, 0, 0, 0.53)}

.mainMenu nav .search .searchBar input::-moz-placeholder {font-style: italic;color: rgba(0, 0, 0, 0.53)}

.mainMenu nav .search .searchBar input:-ms-input-placeholder {font-style: italic;color: rgba(0, 0, 0, 0.53)}

.mainMenu nav .search .searchBar .searchClose{ width: 40px; height: 40px; float: right; position: relative;}

.searchBar .searchClose:before, .searchBar .searchClose:after{ content: ""; position: absolute; width: 60%; left: 20%; top: 50%; background: rgba(0, 0, 0, 0.73); height: 1px; -webkit-transform:rotate(45deg);}

.searchBar .searchClose:before{ -webkit-transform:rotate(-45deg);}

.mainMenu header{ width: 960px; margin: 0 auto; position: relative; z-index: 9999; background:#FFF;}

.header-over{position: relative;width: 100%;background:#fff;z-index: 9999;  border-bottom: 1px solid #EEEEEE;}

#bannerContent section article{ width: 480px; height: 210px; position: absolute; left: 15px; bottom: 15px; background: rgba(0, 0, 0, 0.6); padding: 25px; z-index: 112;}

#bannerContent section article .caption{ position: relative; height: 90px;}

#bannerContent section article h2{ font-size: 17px; text-align: left; text-transform: uppercase; position: relative; padding: 5px 0 15px 0; position: absolute; left: 0; top: 0; opacity: 0;}

#bannerContent section article h2.active{ opacity: 1;}

#bannerContent section article .descri{ position: relative; height: 90px;}

#bannerContent section article .descri p{ line-height: 16px; color: #FFF; padding: 5px 0; width: 70%; position: absolute; left: 0; top: 0; opacity: 0;}

#bannerContent section article .descri p.active{ opacity: 0.8;}

#bannerContent section article h2 span{ font-size: 34px; display: block;}

#bannerContent section article h2:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(0, 158, 210, 0.44);}

#bannerContent section article > p{padding-top: 15px;}

#bannerContent section article .bannerButton{ width: 100px; position: absolute; background: #eb9809; right: 15px; bottom: 15px; cursor: pointer;}

#bannerContent section article .bannerButton:hover{ right: 14px; bottom: 14px;}

#bannerContent section article .bannerButton:before{ content: ""; position: absolute; width: 15px; left: 9px; top: 52%; height: 1px; background: #FFF;}

#bannerContent section article .bannerButton:after{ content: ""; position: absolute; width: 4px; height: 4px; left: 20px; top: 43%; border-top: 1px solid #FFF; border-right: 1px solid #FFF; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg);}

#bannerContent section article .bannerButton p{ line-height: 22px; font-size: 12px; color: #FFF; text-indent: 40px;}

.slideControl{ position: absolute; right: 15px; top: 85px; padding: 0 12px;}

.slideControl li{ width: 9px; height: 9px; border:1px solid rgba(255, 255, 255, .43); float: left; margin: 0 5px; cursor: pointer;}

.slideControl li:hover, .slideControl li.active{ border:1px solid rgba(255, 255, 255, .99); background: #FFF;}

.slideControl .prev, .slideControl .next{ position: absolute; width: 4px; height: 4px; border-right: 1px solid #FFF; border-top: 1px solid #FFF; right: 0; top: 0; cursor: pointer; padding: 4px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg);}

.slideControl .prev{ right: auto; left: 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg);}

#divisions{ padding: 40px 0; border-bottom: 1px solid #ececec;}

#divisions article{ width: 222px; height: 290px; float: left; padding-bottom: 20px; position: relative;}

#divisions article .rMore{ position: absolute; bottom: 10px; right: 0;}

#divisions article .rMore a{ padding: 5px 5px 5px 30px; color: #808080; background: url(images/rMore.png) no-repeat; background-position: 0px center; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}

#divisions article .rMore a:hover{ background-position: 8px center; color: #009ed2;}

#divisions article + article{ margin-left: 24px;}

#divisions article h1{ font-size: 24px; color: #009ed2; font-family: 'openSansSemibold';}

#divisions article h3{ font-size: 17px; color: #7d7d7d; padding: 10px 0 20px 0; border-bottom: 3px solid #d6d6d5; background: url(images/diviBg.jpg) no-repeat; background-position: right 45px;}

#divisions article p{ padding: 15px 0;}

#divisions article img{ padding-bottom: 20px;}

#divisions article h2{ font-size: 14px; color: #777777; font-family: 'openSansSemibold';}


.social{ padding: 15px 0 15px 0; border-top: 1px solid #4a4e55; margin-top: 50px;}

.lang{ width: 205px; height: 30px; background: url(images/fImg.png) no-repeat; float: left;}

.follow{ padding: 15px 0 5px 0;}

.follow *{ float: left; font-size: 14px; line-height: 26px; color: #FFF;;}

footer > .contentContainer article .follow p{ line-height: 26px;font-family: 'OpenSansLight'; font-size: 14px}

.follow a{ display: block; width: 26px; height: 26px; background: url(images/social.png) no-repeat; margin-left: 15px;}

.follow a.fb{ background-position: -5px -4px;}

.follow a.twitter{ background-position: -49px -4px;}

.bannerBox{ max-width: 640px; height: 480px; position: absolute; right: 15px; bottom: 15px; z-index: 111;}

/*.bannerBox .row + .row .bBox{ border-top: 0;}*/

.bBox{ width: 160px; height: 160px;float: right; /*border: 1px solid rgba(255, 255, 255, 0.4);*/ position: relative; font-family: Tahoma; text-align: center;/* transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s;*/}

.bBox a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.bBox.bBox9, .bBox.bBox7, .bBox.bBox1{border: 1px solid rgba(255, 255, 255, 0.2);}

.bBox.bBox7:hover{ background: rgba(0, 0, 0, 0.1);}

/*.bBox:not(:last-of-type){}*/

.opa1{ background: rgba(0, 0, 0, 0.1);}

.opa2{ background: rgba(0, 0, 0, 0.2);}

.opa3{ background: rgba(0, 0, 0, 0.3);}

.opa4{ background: rgba(0, 0, 0, 0.4);}

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

.bBox figure{ width: 60px; height: 60px; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 70px;}

.bBox9 figure{ background: url(images/bannerSprite.png) no-repeat; background-position: center -444px;}

.bBox8 figure{ background: url(images/bannerSprite.png) no-repeat; background-position: center -386px;}

.bBox6 figure{ background: url(images/bannerSprite.png) no-repeat; background-position: center -258px;}

.bBox5 figure{ background: url(images/bannerSprite.png) no-repeat; background-position: center -322px;}

.bBox4 figure{ background: url(images/bannerSprite.png) no-repeat; background-position: center 20px;}

.bBox3 figure{ background: url(images/bannerSprite.png) no-repeat; background-position: center -43px;}

.bBox2 figure{ background: url(images/bannerSprite.png) no-repeat; background-position: center -116px;}

.bBox1 figure{ background: url(images/bannerSprite.png) no-repeat; background-position: center -185px;}

.bBox h2{ font-size: 14px; color: #FFF; margin-top: 100px;}

.bBox h3{ color: rgba(255, 255, 255, 0.7); font-size: 11px; padding: 2px 0;}

.bBox:hover{ background: rgba(255, 255, 255, 0.3);}

.bBox5, .bBox9{ left: -160px;}

.bBox3, .bBox6{ top: 160px;}

.bBox4{ left: 160px;}

.homeContent section{ padding: 25px 0;}

.homeContent section article{ float: left; width: 190px;}

.homeContent section article h3{ font-size: 24px; color: #6b6b6b; padding: 10px 0; position: relative; border-bottom: 1px solid #d6d6d5; padding-top: 0; font-family: 'openSansSemibold';}

.homeContent section article p{ padding: 10px 0;}

.homeContent section section{ float: right; width: 770px; overflow: hidden; padding-left: 20px;}

.clientSlider{ position: relative;}

.clientSlider li{ float: left; width: 150px;}

.clientSlider li img{ max-width: 100%; display: block; margin: 0 auto;}

.homeContent section section img+img{ margin-left: 17px;}

#major-section{ width:100%;position:relative; background:#3A3F47; padding-bottom:50px;}

#major-section h2{ color:#fff; font-family:'openSansSemibold'; font-size:22px; padding:50px 0px 25px 0px;}

#major-section p{ color:#fff; font-family:'opensans-regular'; font-size:14px; line-height:1.6;}

.Philanthropy-hover1{ position:absolute;;top:0px;width:0px;height:0px; border-width:0px 15px 10px 15px; border-style:solid; border-color:transparent transparent #fff transparent; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);transition: 0.2s linear;-webkit-transition: 0.2s linear;-moz-transition: 0.2s linear;-ms-transition: 0.2s linear;-o-transition: 0.2s linear;left: 10%;}

/*******************************************menu2*****************************************/

.mainMenu nav .li-hover:hover{ /*color: #afafaf;*/ background: #2d2f34;}

.mainMenu nav li a:hover{ color: #000;/*background: #000;*/}

.mainMenu nav li.selected a{ color:#000 ;}

.mainMenu nav .subMenu li.selected a{ color:#fff;background: #329BD2;}

.menu-color2{background: #fff;}

.division-menu{position:absolute;background:#25282d;padding:20px 20px 35px 20px;width: 665px;right: 0px;top:-100px;width: 100%;z-index:999;height:55px; overflow:hidden;}

.service-menu{position:absolute;background:#25282d;padding:20px 20px 35px 20px;width: 665px;right: 0px;top:-100px;width: 100%;z-index:999;height:55px; overflow:hidden;}

.division-menu-active,.company-menu-active{opacity:1;top:70px;visibility:visible;transition:all .2s ease-in-out;-webkit-transition: 0.2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}

.division-container ul{float: right; width: 48%;}

.division-container > ul > li > a{ position:relative;display:inline-block;padding: 8px 0px 1px 32px;color:#fff;transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;-o-transition:0.3s;font-family: 'OpenSansLight';font-size:13px;float:left;}

.division-container > ul > li > a:after{ position:absolute; content:""; width:83%; height:2px;background:#00aeef;bottom:-12px; left:28px;transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;-o-transition:0.3s;}

.division-container > ul > li:hover > a:after{ bottom:-8px;}

.division-container{position:relative}

.division-container:before{position:absolute;content:"";width: 0;height: 0;border-style: solid;border-width: 0 15px 10px 15px;border-color: transparent transparent #fff transparent; top: -19px;right:30%;transform: rotate(180deg);}

.division-menu,.service-menu{position:absolute;}

.content-container{margin:0 auto;width:1100px;}

.activeMenu{visibility:visible !important}

.service-container ul{float: right; width: 66.7%;}

.service-container > ul > li{ float:left;transition:1s; -webkit-transition:1s; -moz-transition:1s; -ms-transition:1s;-o-transition:1s;margin: 5px 18px 0px 18px; padding-bottom:5px;}

.service-container > ul > li:hover{border-bottom:1px solid #00aeef;; }

.service-container > ul > li > a{ position:relative;display:inline-block;color:#fff;transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;-o-transition:0.3s;font-size:13px;font-family: 'OpenSansLight';float:left;}

/*.service-container > ul > li > a:after{ position:absolute; content:""; width:83%; height:2px;background:#00aeef;bottom:-12px; left:28px;transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;-o-transition:0.3s;}

.service-container > ul > li:hover > a:after{ bottom:-8px;}*/

.service-container{position:relative}

.service-container:before{position:absolute;content:"";width: 0;height: 0;border-style: solid;border-width: 0 15px 10px 15px;border-color: transparent transparent #fff transparent; top: -19px;right:38%;transform: rotate(180deg);}

.mainMenu nav > ul > li:nth-child(3){ position:relative;}

/*.mainMenu nav > ul > li:nth-child(3):after{ position:absolute; content:""; width:5px; height:5px; border-right:1px solid #7a7a7a; border-bottom:1px solid #7a7a7a; right:3px; top: 42%; transform:rotate(45deg);}
*/
.mainMenu nav > ul > li:nth-child(3):hover:after{border-right:1px solid #000; border-bottom:1px solid #000;}

.mainMenu nav > ul > li:nth-child(4){ position:relative;}

.mainMenu nav > ul > li:nth-child(4):after{ position:absolute; content:""; width:5px; height:5px; border-right:1px solid #7a7a7a; border-bottom:1px solid #7a7a7a; right:3px; top: 42%; transform:rotate(45deg);}

.mainMenu nav > ul > li:nth-child(4):hover:after{border-right:1px solid #000; border-bottom:1px solid #000;}

/***************************************about-page*************************/

.inner-banner-wrapper{ position: relative; height: 150px; margin-top: 75px;}

.about-banner{ width: 100%; height: 100%; background: #137dc2 url(images/img/about-banner.jpg) no-repeat; background-size: cover; position: absolute; left: 0; top: 0;}

.about-content-over{ position:absolute; top:50px;}

.about-content-over h2{ position:relative; color:#fff; font-size:24px; font-family: 'openSansSemibold'; border-bottom:1px solid #777680;  padding-bottom: 5px;margin-bottom: 5px;}

.about-content-over li{ float:left;position:relative; list-style:none;padding-left: 15px;}

.about-content-over li a{ position:absolute; width:100%; height:100%; left:0px; top:0px;}

.about-content-over h3{color:#fff; font-size:12px; font-family: 'openSans'; }

.about-content-over li:nth-child(2):after{ position:absolute; content:""; background:url(images/img/about-over-png2.png) no-repeat; width:9px; height:9px; left:0px; bottom:3px;}

.section1-left{ float:left;}

.section1-right{ float:left;}

#divisions-about article h3 {font-size: 17px;color: #7d7d7d;padding: 10px 0 20px 0;border-bottom: 3px solid #d6d6d5;background: url(images/diviBg.jpg) no-repeat;background-position: 153px 58px;}

#divisions-about{ padding: 40px 0;}

#divisions-about article{ width: 227px;float: left; padding-bottom: 20px; position: relative; overflow:hidden; cursor:pointer;}

#divisions-about .article2{ width: 670px;float: left; padding-bottom: 20px; position: relative;}

#divisions-about article + article{ margin-left: 63px;}

#divisions-about article h1{ font-size: 24px; color: #009ed2; font-family: 'openSansSemibold';}

#divisions-about article h2{ font-size:30px; color: #1586c8; font-family: 'openSansSemibold';}

#divisions-about article h3{ font-size: 17px; color: #7d7d7d; padding: 10px 0 20px 0; border-bottom: 3px solid #d6d6d5; background: url(images/diviBg.jpg) no-repeat; background-position: right 45px;padding-right: 47px;line-height: 1.8; position:relative;}

.division-about-wrapper-after{ position:absolute;width:35px; height:3px; top:201px; left:0;   background: #EF980B; opacity:0;}

#divisions-about article p{ padding: 9px 0;margin-right: 10px;}

.article2 p{ font-size:13px;}

#divisions-about article img{ padding-bottom: 20px;}

#division2-about-wrapper{ position: relative; height: 471px; background:url(images/img/about-core-section-banner.jpg) no-repeat; background-size: cover;}

#division2-about-wrapper article{width: 250px; float: left; position: relative; margin-top:83px; margin-right:47px; overflow:hidden; cursor:pointer;}

#division2-about-wrapper article h2{ position:relative; font-size: 33px; color: #fff; padding: 10px 0 20px 0; border-bottom: 3px solid #494b52;font-family: 'openSansSemibold';}

.division2-about-wrapper-after{ position:absolute;width:50px; height:3px; top:75px; left:0; background:#265F81; opacity:0;}

#division2-about-wrapper article ul{padding-left: 16px;padding-top: 25px;}

#division2-about-wrapper article li{ list-style:disc; font-size:13px; color: #fff; font-family: 'openSansSemibold';padding: 15px 10px;}

#division2-about-wrapper .article2{ width: 675px;float: left; position: relative; margin-right:0px;margin-top: 35px;}

#division2-about-wrapper .article2 h2{ border-bottom:none;font-size:14px; color: #fff; font-family: 'openSansSemibold';text-align: center;margin-left: 100px; position:relative;}

.article2 h2:before{ position:absolute; content:""; background:url(images/img/core-values-before.png) no-repeat; width:243px; height:43px;left: 0px;top: 8px;}

.article2 h2:after{ position:absolute; content:""; background:url(images/img/core-values-before.png) no-repeat; width:243px; height:43px;right:0px;transform: rotate(180deg);bottom: 16px;}

.core-values-design{float: left;padding-left: 40px;margin-top: 20px; position:relative;}

.core-values-design:before{ position:absolute; content:""; border-left:1px dotted #777779; width:1px;height: 332px; left:7px;}

.total{ float:left; width:190px;}

.total:first-child{ margin-left:65px;}

.total:nth-child(4){ margin-left:65px;}

.total h3{font-size: 12px;font-family: 'openSansSemibold'; padding-bottom:25px; float:left;}

.total-cir1{ position:relative; float:left; width:95px;margin-bottom: 12px;margin-top: 20px; margin-left:25px;}

.total-cir1 a{ position:absolute; left:0px; top:0px; width:100%; height:100%;}

/*.circle1{height:95px;width: 95px;border-radius: 50%;border-right:5px solid transparent;border-left:5px solid #265f81;border-top:5px solid #265f81;border-bottom:5px solid transparent;float: left; position:relative;transform: rotate(320deg);-moz-transform: rotate(320deg);-webkit-transform: rotate(320deg);-ms-transform: rotate(320deg);-o-transform: rotate(320deg);transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s; -moz-transition:0.3s; cursor:pointer;}*/

.circle1{width: 100px;
  height: 100px;
  border-radius: 200px;
  border: 7px solid #265f81;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
  -webkit-transform:rotate(-45deg);float: left; position:relative;transform: rotate(320deg);-moz-transform: rotate(320deg);-webkit-transform: rotate(320deg);-ms-transform: rotate(320deg);-o-transform: rotate(320deg);transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s; -moz-transition:0.3s; cursor:pointer;}
    

/*.circle1-dummy{ position:absolute;height:95px;width: 95px;border-radius: 50%;border-right:2px solid #969598;border-left:2px solid transparent;border-top:2px solid transparent;border-bottom:2px solid #969598;float: left;left:-5px;top:-5px;transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s; -moz-transition:0.3s;}*/

.circle1-dummy{height: 96px;width: 96px;border-radius: 200px;border: 2px solid #696a71;border-top: 2px solid transparent;border-left: 2px solid transparent;float: left; margin-left: -5px;
 margin-top: -5px;transition: 0.3s;-webkit-transition: 0.3s; -o-transition: 0.3s;-moz-transition: 0.3s;}

.cir1-img{ position:absolute; background:url(images/img/about-core1.png) center no-repeat; width:37px; height:38px;left: 30px;top: 28px;cursor:pointer;}

.total-cir1:hover .circle1{border-right:5px solid #265f81;border-bottom:5px solid #265f81;transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}

.total-cir1:hover .circle1-dummy{border-right:2px solid transparent;border-bottom:2px solid transparent;}

/*.circle2{height:95px;width: 95px;border-radius: 50%;border-right:5px solid transparent;border-left:5px solid #265f81;border-top:5px solid #265f81;border-bottom:5px solid transparent;float: left;cursor:pointer;position:relative;transform: rotate(225deg);-moz-transform: rotate(225deg);-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);-o-transform: rotate(225deg);transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s; -moz-transition:0.3s;}*/

.circle2{width: 100px;height: 100px; border-radius: 200px;border: 7px solid #265f81;border-right: 7px solid transparent; border-bottom: 7px solid transparent;float: left;cursor:pointer;position:relative;transform: rotate(225deg);-moz-transform: rotate(225deg);-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);-o-transform: rotate(225deg);transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s; -moz-transition:0.3s;}

.cir2-img{ position:absolute; background:url(images/img/about-core2.png) center no-repeat; width:37px; height:38px;left: 30px;top: 28px;cursor:pointer;}

.total-cir1:hover .circle2{border-right:5px solid #265f81;border-bottom:5px solid #265f81;transform: rotate(265deg);-moz-transform: rotate(265deg);-webkit-transform: rotate(265deg);-ms-transform: rotate(265deg);-o-transform: rotate(265deg);}

/*.circle3{height:95px;width: 95px;border-radius: 50%;border-right:5px solid transparent;border-left:5px solid #265f81;border-top:5px solid #265f81;border-bottom:5px solid transparent;float: left;cursor:pointer;position:relative;transform: rotate(320deg);-moz-transform: rotate(320deg);-webkit-transform: rotate(320deg);-ms-transform: rotate(320deg);-o-transform: rotate(320deg);transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s; -moz-transition:0.3s;}*/

.circle3{width: 100px;height: 100px; border-radius: 200px;border: 7px solid #265f81;border-right: 7px solid transparent; border-bottom: 7px solid transparent;float: left;cursor:pointer;position:relative;transform: rotate(320deg);-moz-transform: rotate(320deg);-webkit-transform: rotate(320deg);-ms-transform: rotate(320deg);-o-transform: rotate(320deg);transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s; -moz-transition:0.3s;}

.cir3-img{ position:absolute; background:url(images/img/about-core3.png) center no-repeat; width:37px; height:38px;left: 30px;top: 28px;cursor:pointer;}

.total-cir1:hover .circle3{border-right:5px solid #265f81;border-bottom:5px solid #265f81;transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}

/*.circle4{height:95px;width: 95px;border-radius: 50%;border-right:5px solid transparent;border-left:5px solid #265f81;border-top:5px solid #265f81;border-bottom:5px solid transparent;float: left;cursor:pointer;position:relative;transform: rotate(85deg);-moz-transform: rotate(85deg);-webkit-transform: rotate(85deg);-ms-transform: rotate(85deg);-o-transform: rotate(85deg);transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s; -moz-transition:0.3s;}*/

.circle4{width: 100px;height: 100px; border-radius: 200px;border: 7px solid #265f81;border-right: 7px solid transparent; border-bottom: 7px solid transparent;float: left;cursor:pointer;position:relative;transform: rotate(85deg);-moz-transform: rotate(85deg);-webkit-transform: rotate(85deg);-ms-transform: rotate(85deg);-o-transform: rotate(85deg);transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s; -moz-transition:0.3s;}

.cir4-img{ position:absolute; background:url(images/img/about-core4.png) center no-repeat; width:37px; height:50px;left: 30px;top: 28px;cursor:pointer;}

.total-cir1:hover .circle4{border-right:5px solid #265f81;border-bottom:5px solid #265f81;transform: rotate(125deg);-moz-transform: rotate(125deg);-webkit-transform: rotate(125deg);-ms-transform: rotate(125deg);-o-transform: rotate(125deg);}

/*.circle5{height:95px;width: 95px;border-radius: 50%;border-right:5px solid transparent;border-left:5px solid #265f81;border-top:5px solid #265f81;border-bottom:5px solid transparent;float: left;cursor:pointer;position:relative;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s; -moz-transition:0.3s;}*/

.circle5{width: 100px;height: 100px; border-radius: 200px;border: 7px solid #265f81;border-right: 7px solid transparent; border-bottom: 7px solid transparent;float: left;cursor:pointer;position:relative;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s; -moz-transition:0.3s;}

.cir5-img{ position:absolute; background:url(images/img/about-core5.png) center no-repeat; width:40px; height:50px;left: 30px;top: 28px;cursor:pointer;}

.total-cir1:hover .circle5{border-right:5px solid #265f81;border-bottom:5px solid #265f81;transform: rotate(85deg);-moz-transform: rotate(85deg);-webkit-transform: rotate(85deg);-ms-transform: rotate(85deg);-o-transform: rotate(85deg);}

/*.circle6{height:95px;width: 95px;border-radius: 50%;border-right:5px solid transparent;border-left:5px solid #265f81;border-top:5px solid #265f81;border-bottom:5px solid transparent;float: left;cursor:pointer;position:relative;transform: rotate(225deg);-moz-transform: rotate(225deg);-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);-o-transform: rotate(225deg);transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s; -moz-transition:0.3s;}*/

.circle6{width: 100px;height: 100px; border-radius: 200px;border: 7px solid #265f81;border-right: 7px solid transparent; border-bottom: 7px solid transparent;float: left;cursor:pointer;position:relative;transform: rotate(225deg);-moz-transform: rotate(225deg);-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);-o-transform: rotate(225deg);transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s; -moz-transition:0.3s;}

.cir6-img{ position:absolute; background:url(images/img/about-core6.png) center no-repeat; width:37px; height:50px;left: 30px;top:28px;cursor:pointer;}

.total-cir1:hover .circle6{border-right:5px solid #265f81;border-bottom:5px solid #265f81;transform: rotate(265deg);-moz-transform: rotate(265deg);-webkit-transform: rotate(265deg);-ms-transform: rotate(265deg);-o-transform: rotate(265deg);}

#division3-about-wrapper h2{ text-align:center; color:#646b74;font-size: 30px;font-family: 'OpenSans';padding: 25px 0px;}

.division3{ position:relative; padding-bottom:6px;}

.division3:before{ position:absolute;content:"";width:65px; height:2px; background:#00aeef; bottom: 0;right: 31px;}

#division3-about-wrapper article p{ font-size: 13px; color: #5c5c5c;font-family: 'OpenSans'; text-align:center; line-height:2;}

#division3-about-wrapper article p:nth-child(1){ padding-bottom:20px;}

#division3-about-wrapper article p:nth-child(2){padding-bottom:20px;}

#division3-about-wrapper article p:nth-child(3){padding-bottom:30px;}

#division4-about-wrapper {background:#f3f3f3;padding-top: 60px;padding-bottom: 68px;}

#division4-about-wrapper article{width: 210px; float: left; position: relative; margin-right:50px;cursor:pointer;}

.img-cover{ overflow:hidden;height: 91px; cursor:pointer;}

.img-cover img{transition:0.9s;-webkit-transition:0.9s;-o-transition:0.9s; -moz-transition:0.9s;}

#division4-about-wrapper article:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}

#division4-about-wrapper article h2{color:#1586c8;font-size:14px;font-family: 'openSansSemibold'; padding:25px 0px;}

#division4-about-wrapper article p{font-size: 13px; color: #808080;font-family: 'OpenSans'; text-align:left; padding-bottom:25px;}

#division4-about-wrapper article .rMore{ position: absolute;right: 0;}

#division4-about-wrapper article .rMore a{ padding: 5px 5px 5px 30px; color: #808080; background:url(images/img/about-readmore-arrow.png) no-repeat; background-position: 0px center; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}

#division4-about-wrapper article .rMore a:hover{ background-position: 5px center; color: #009ed2;}

#division5-about-wrapper{ padding-bottom:30px;}

#test {position: relative;width: 95.5%;height: 100px;overflow: hidden;margin-left: 16px;}

#test ul {position: relative;margin: 0;padding: 0;list-style: none;}

#test ul li {position: relative;display: block;float: left;margin: 0;padding: 0;width: 310px;margin-left: 1px;}

#test2 {position: relative;width: 95.5%;height:60px;overflow: hidden;margin-left: 16px;}

#test2 ul {position: relative;margin: 0;padding: 0;list-style: none;}

#test2 ul li {position: relative;display: block;float: left;margin: 0;padding: 0;width: 650px;margin-left: 1px;}

.left-section{ float:left; width:330px;border-right: 1px dotted #c5c5c5; position:relative; overflow:hidden;}

.left-section img{ float:left; margin-left:25px;}

.left-content{float: left;margin-left: 25px;/*width: 188px;*/}

.left-content h3{ color:#00a1d6; font-size:12px;}

.left-content p{ color:#808080; font-size:12px;}

.right-section{ float:left; width:650px; overflow:hidden;}

.right-section p{padding: 0px 49px 20px 45px;font-size: 13px; color: #5c5c5c;font-family: 'OpenSans'; text-align:left;}

#division5-about-wrapper h2{ text-align:center; color:#646b74;font-size: 30px;font-family: 'OpenSans';padding: 50px 0px;}

.division5{ position:relative; padding-bottom:6px;}

.division5:before{ position:absolute;content:"";width:65px; height:2px; background:#00aeef; bottom: 0;right: 60px;}

.navigation{position: absolute;bottom: 0;left: 150px; background:#fff;}

.left-arrow{ position:relative; width:30px; height:30px; float:left; border-radius:50%; border:1px solid #eaeaea; margin-right:12px;cursor:pointer;}

.right-arrow{ position:relative; width:30px; height:30px; float:left; border-radius:50%; border:1px solid #eaeaea;cursor:pointer;}

.left-arrow:before{ position: absolute;content: "";border-top: 2px solid #646b74;border-left: 2px solid #646b74;width: 6px;height: 6px;top: 10px;left: 11px;transform: rotate(-42deg); cursor:pointer;}

.right-arrow:before{ position: absolute;content: "";border-top: 2px solid #646b74;border-right: 2px solid #646b74;width: 6px;height: 6px;top: 10px;left: 9px;transform: rotate(42deg); cursor:pointer;}



/***************************************services*************************/

.service-content-over{ position:absolute; top:50px;}

.service-content-over h2{ position:relative; color:#fff; font-size:24px; font-family: 'openSansSemibold'; border-bottom:1px solid #777680;  padding-bottom: 5px;margin-bottom: 5px;}

.service-content-over li{ float:left;position:relative; list-style:none;padding-right: 15px;}

.service-content-over li a{ position:absolute; width:100%; height:100%; left:0; top:0;}

.service-content-over h3{color:#fff; font-size:12px; font-family: 'openSans'; }

.service-content-over li:nth-child(2):after{ position:absolute; content:""; background:url(images/img/about-over-png2.png) no-repeat; width:9px; height:9px; right:3px; bottom:3px;}

.service-content-over li:nth-child(3) h3{ color:#2991da;}

#divisions-services{ border-bottom:1px dotted #e2e2e2; padding-bottom:40px; position:relative;}

#divisions-services article a{ position:absolute; width:100%; height:100%; left:0; top:0;}

#divisions-services article h3 {font-size: 17px;color: #7d7d7d;padding: 10px 0 20px 0;border-bottom: 3px solid #d6d6d5;background: url(images/diviBg.jpg) no-repeat;background-position: 153px 58px;}

#divisions-services article{ width: 227px;float: left; padding-bottom: 20px; position: relative;}

#divisions-services .article2{ width: 670px;float: left; padding-bottom: 20px; position: relative; padding-top:33px;}

#divisions-services article + article{ margin-left: 63px;}

#divisions-services article h1{ font-size: 30px; color: #646b74; font-family: 'openSans';}

#divisions-services article h2{ font-size:30px; color: #1586c8; font-family: 'openSansSemibold';}

#divisions-services article h3{ font-size: 17px; color: #7d7d7d; padding: 10px 0 20px 0; border-bottom: 3px solid #d6d6d5; background: url(images/diviBg.jpg) no-repeat; background-position: right 45px;}

#divisions-services article p{ padding: 15px 0;}

.article2 p{ font-size:13px; font-family: 'openSans'; color:#5c5c5c; line-height:2; text-align:justify;}

.divisions-services-left p{ font-size:13px; font-family: 'openSans'; color:#5c5c5c; line-height:2}

#divisions-services article img{ padding-bottom: 20px;}

.heading{ background:#f2a500; height:50px; width:227px;}

.heading h1{font-size:18px; font-family: 'openSansSemibold';margin-left: 10%;padding-top: 13px;}

#divisions-services article ul{padding-top: 45px;}

#divisions-services article li{font-size:13px; font-family: 'openSansSemibold'; color:#5c5c5c; position:relative;padding-left: 25px; margin-bottom:13px; padding-bottom:12px; cursor:pointer;}

#divisions-services article li:before{ position:absolute; content:"";width:5px; height:5px; border-top:1px solid #5c5c5c; border-right:1px solid #5c5c5c; transform:rotate(42deg); left:0; bottom:18px;}

#divisions-services article li:nth-child(12):before{ bottom:34px;}

#divisions-services article li.active{ color:#1586c8;}

#divisions-services article li.active:before{border-top:1px solid #1586c8; border-right:1px solid #1586c8;}

#divisions-services article li:after{ position:absolute; content:"";width:100px; height:1px; border-bottom:1px solid #dededd;left:0; bottom:-12px; opacity:0; transition:0.5s; -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}

#divisions-services article li.active:after{ opacity:1; bottom:0; width:225px;}

#divisions-services article li:hover{ color:#1586c8;}

#divisions-services article li:hover:before{border-top:1px solid #1586c8; border-right:1px solid #1586c8;}

#divisions-services article li:hover:after{ opacity:1; bottom:0; width:225px;}

.divisions-services-left{ float:left; width:330px; margin-left: 63px;}

.heading1{width:266px; height:36px; border:1px solid #dededd;}

.heading1 h2{ color:#1586c8;font-size:14px; font-family: 'openSansSemibold'; text-align:center; padding-top:6px;}

.divisions-services-left li{ position:relative; color:#3a3f47;font-size:13px;font-family: 'openSansSemibold'; list-style:none;  padding-left: 25px; margin-bottom: 15px;}

.divisions-services-left li:before{position:absolute; content:"";width:5px; height:5px; background:#f2a500; border-radius:50%;left: 0;bottom: 6px;}

.divisions-services-left li:nth-child(2){ margin-top:30px;}

.divisions-services-left-over{ position:absolute; width:620px; bottom:-200px; left:0}

.border-circle{ width: 110px;height: 110px;overflow: hidden;border-radius: 50%;margin: 11px auto;}

.border-circle img{margin-left: -7px;transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}

.divisions-services-left-over-circle1{ float:left; width:135px; height:135px; border:1px dotted #C5C1C1; border-radius:50%; position:relative; cursor:pointer;}

.circle-rotate{ position: absolute;top: -1px;width: 135px;height: 135px;left: -1px;transition:2s; -webkit-transition:2s;-moz-transition:2s;-o-transition:2s;border-radius: 50%;transform: rotate(45deg);border-left: 1px solid #979D99; border-top: 1px solid #979D99; } 

.divisions-services-left-over-circle1:hover .circle-rotate{transform: rotate(360deg);border-left: 2px solid #979D99; border-top: 2px solid #979D99;}

.divisions-services-left-over-circle2:hover .circle-rotate{transform: rotate(360deg);border-left: 2px solid #979D99; border-top: 2px solid #979D99;}

.divisions-services-left-over-circle3:hover .circle-rotate{transform: rotate(360deg);border-left: 2px solid #979D99; border-top: 2px solid #979D99;}

.divisions-services-left-over-circle2{ float:left; width:135px; height:135px; border:1px dotted #C5C1C1; border-radius:50%;margin-left: 75px; position:relative; cursor:pointer;}

.divisions-services-left-over-circle3{ float:left; width:135px; height:135px; border:1px dotted #C5C1C1; border-radius:50%;margin-left: 75px;position:relative; cursor:pointer;}

.divisions-services-left-over-circle1 h5{color:#646b74;font-size:14px;font-family: 'openSansSemibold'; text-align:center; margin-top: 25px;}

.divisions-services-left-over-circle2 h5{color:#646b74;font-size:14px;font-family: 'openSansSemibold'; text-align:center; margin-top: 25px;}

.divisions-services-left-over-circle3 h5{color:#646b74;font-size:14px;font-family: 'openSansSemibold'; text-align:center; margin-top: 25px;}

.divisions-services-right{ float:right; width:315px; margin-left:25px; position:relative; overflow:hidden;}

.divisions-services-right img{transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}

.divisions-services-right:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1); cursor:pointer;}

.divisions-services-right-overlay{ position:absolute; bottom:0; width:314px; height:163px; background:rgba(37,40,45,0.8);cursor:pointer;}

.divisions-services-right-overlay h2{ position:relative;color:#fff;font-size:20px; font-family: 'openSansSemibold'; text-align:left; padding-left: 30px;padding-top: 22px;}

.divisions-services-right-overlay h2:after{ position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right:139px; bottom:29px;}

.divisions-services-right-overlay p{color:#fff;font-size:12px; font-family: 'openSans'; text-align:left;padding-left: 30px;padding-top: 12px;margin-right: 23px;line-height: 1.6; }

.portable h2{ position:relative;color:#fff;font-size:20px; font-family: 'openSansSemibold'; text-align:left; padding-left: 30px;padding-top: 22px;}

.portable h2:after{ position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right:88px; bottom:30px;}

.portable p{color:#fff;font-size:12px; font-family: 'openSans'; text-align:left;padding-left: 30px;padding-top: 12px;margin-right: 23px;line-height: 1.6; }

.portable1 h2{ position:relative;color:#fff;font-size:20px; font-family: 'openSansSemibold'; text-align:left; padding-left: 30px;padding-top: 22px;}

.portable1 h2:after{ position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right:40px; bottom:3px;}

.portable1 p{color:#fff;font-size:12px; font-family: 'openSans'; text-align:left;padding-left: 30px;padding-top: 12px;margin-right: 23px;line-height: 1.6; }

.operation h2{ position:relative;color:#fff;font-size:20px; font-family: 'openSansSemibold'; text-align:left; padding-left: 30px;padding-top: 22px;}

.operation h2:after{ position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right:121px; bottom:30px;}

.operation p{color:#fff;font-size:12px; font-family: 'openSans'; text-align:left;padding-left: 30px;padding-top: 12px;margin-right: 23px;line-height: 1.6; }

.plant h2{ position:relative;color:#fff;font-size:20px; font-family: 'openSansSemibold'; text-align:left; padding-left: 30px;padding-top: 22px;}

.plant h2:after{ position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right:45px; bottom:3px;}

.plant p{color:#fff;font-size:12px; font-family: 'openSans'; text-align:left;padding-left: 30px;padding-top: 12px;margin-right: 23px;line-height: 1.6; }

.maintenance h2{ position:relative;color:#fff;font-size:20px; font-family: 'openSansSemibold'; text-align:left; padding-left: 30px;padding-top: 22px;}

.maintenance h2:after{ position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right:65px; bottom:3px;}

.maintenance p{color:#fff;font-size:12px; font-family: 'openSans'; text-align:left;padding-left: 30px;padding-top: 12px;margin-right: 23px;line-height: 1.6; }

.maintenance1 h2{ position:relative;color:#fff;font-size:20px; font-family: 'openSansSemibold'; text-align:left; padding-left: 30px;padding-top: 22px;}

.maintenance1 h2:after{ position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right:55px; bottom:28px;}

.maintenance1 p{color:#fff;font-size:12px; font-family: 'openSans'; text-align:left;padding-left: 30px;padding-top: 12px;margin-right: 23px;line-height: 1.6; }


.hvac1 h2{ position:relative;color:#fff;font-size:20px; font-family: 'openSansSemibold'; text-align:left; padding-left: 30px;padding-top: 22px;}

.hvac1 h2:after{ position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right:65px; bottom:28px;}

.hvac1 p{color:#fff;font-size:12px; font-family: 'openSans'; text-align:left;padding-left: 30px;padding-top: 12px;margin-right: 23px;line-height: 1.6; }

.it h2{ position:relative;color:#fff;font-size:20px; font-family: 'openSansSemibold'; text-align:left; padding-left: 30px;padding-top: 22px;}

.it h2:after{ position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right:45px; bottom:3px;}

.it p{color:#fff;font-size:12px; font-family: 'openSans'; text-align:left;padding-left: 30px;padding-top: 12px;margin-right: 23px;line-height: 1.6; }

.geo h2{ position:relative;color:#fff;font-size:20px; font-family: 'openSansSemibold'; text-align:left; padding-left: 30px;padding-top: 22px;}

.geo h2:after{ position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right:140px; bottom:30px;}

.geo p{color:#fff;font-size:12px; font-family: 'openSans'; text-align:left;padding-left: 30px;padding-top: 12px;margin-right: 23px;line-height: 1.6; }

.structural h2{ position:relative;color:#fff;font-size:20px; font-family: 'openSansSemibold'; text-align:left; padding-left: 30px;padding-top: 22px;}

.structural h2:after{ position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right:87px; bottom:30px;}

.structural p{color:#fff;font-size:12px; font-family: 'openSans'; text-align:left;padding-left: 30px;padding-top: 12px;margin-right: 23px;line-height: 1.6; }



#divisions-services2 article{ width: 212px;float: left; padding-bottom: 20px; position: relative; overflow:hidden;cursor:pointer;}

.division-services2-after{ position:absolute;width:35px; height:3px; top:102px; left:0;   background: #EF980B; opacity:0; z-index:1;}

#divisions-services2 article h2{ font-size:24px; color: #646b74; font-family: 'openSansSemibold';}

#divisions-services2 article p{ font-size:13px; color: #7d7d7d; font-family: 'openSans';position: relative;border-bottom: 3px solid #d6d6d5; padding:9px 0px;}

#divisions-services2 article p:after{position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right: 0px;bottom: 10px;transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}

#divisions-services2{ padding-top:35px;}

#divisions-services2 article h3{ font-size:16px; color: #7d7d7d; font-family: 'openSans'; margin-top:10px;}

.view-more{ width:140px; height:40px; background:#1687c8; margin-top:31px; position:relative;}

.view-more a{ position:absolute; width:100%; height:100%; left:0; top:0;}

#divisions-services2 article:hover p:after{ right:10px; }

#divisions-services3 article{ width: 212px;float: left; padding-bottom: 20px; position: relative; overflow:hidden; cursor:pointer;}

#divisions-services3 article h2{ font-size:24px; color: #646b74; font-family: 'openSansSemibold';}

#divisions-services3 article p{ font-size:13px; color: #7d7d7d; font-family: 'openSans';position: relative;border-bottom: 3px solid #d6d6d5; padding:9px 0px;}

#divisions-services3 article p:after{position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right: 0px;bottom: 10px;transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}

#divisions-services3{ padding-top:35px;}

#divisions-services3 article h3{ font-size:20px; color: #7d7d7d; font-family: 'openSans'; margin-top:10px;font-size: 16px;}

.view-more{ width:140px; height:40px; background:#1687c8; margin-top:31px; position:relative;}

.view-more a{ position:absolute; width:100%; height:100%; left:0; top:0;}

#divisions-services2 article:hover p:after{ right:10px; }

#divisions-services3 article:hover p:after{ right:10px; }


.view-more h4{font-size:14px; color: #fff; font-family: 'openSans'; text-align:center; padding-top:9px;}

#divisions-services2 .article2{width: 730px;float: left; padding-bottom: 20px; position: relative;margin-left: 18px; overflow:hidden; height:290px;}

#divisions-services3 .article2{width: 730px;float: left; padding-bottom: 20px; position: relative;margin-left: 18px; overflow:hidden; height:427px;}

.image1:nth-child(4){top:140px;}

.image1:nth-child(5){top:140px;}

.image1:nth-child(6){top:140px;}

.image1:nth-child(3){margin-right:0}

.image1:nth-child(6){margin-right:0}

.image1:nth-child(7){margin-left:0;top: 280px;left: 13px;}

.image1{ overflow:hidden; width:230px; height:127px; float:left; margin-left:13px; margin-bottom:13px;position:absolute;top:0;left:-315px;}

.image1 img{-webkit-filter: grayscale(100%); filter: gray(100%); -ms-filter:  grayscale(100%); -moz-filter:grayscale(100%); -o-filter:grayscale(100%); transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s; cursor:pointer;}

.image1 img:hover{-webkit-filter: grayscale(0%); filter: gray(0%); -ms-filter:  grayscale(0%);-moz-filter:  grayscale(0%);-o-filter:  grayscale(0%);}

.image1:hover .image-over{ opacity:0.6;}

.image-over{ width:100px; height:100px; border-radius:50%; background:#000;position: absolute;bottom: -40px;left: -38px;opacity: 0;transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s; cursor:pointer;}

.image-over img{position: absolute;left: 46px;top: 20px;}




/* view more button 3d */
#divisions-services2 article .color-1 {width:140px; padding-top:48px;}

#divisions-services2 article .color-1 a{font-family: 'openSansSemibold';}

#divisions-services3 article .color-1 {width:140px;padding-top: 47px;}

#divisions-services3 article .color-1 a{font-family: 'openSansSemibold';}

.cl-effect-20 a {line-height: 3em;-webkit-perspective: 800px;-moz-perspective: 800px;perspective: 800px;font-size:14px;}

.cl-effect-20 a span {background: #1687c8;display: inline-block;width: 140px;height: 40px;position: relative;text-align: center;-webkit-transition: background 0.6s;-moz-transition: background 0.6s;transition: background 0.6s;-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%;transform-origin: 0% 50%;}

.cl-effect-20 a span::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #E79608;color: #fff;content: attr(data-hover);-webkit-transform: rotateX(270deg);	-moz-transform: rotateX(270deg);transform: rotateX(270deg);-webkit-transition: -webkit-transform 0.6s;-moz-transition: -moz-transform 0.6s;transition: transform 0.6s;
-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0;pointer-events: none;}

/*.cl-effect-20 a:hover span,*/
/*.cl-effect-20 a:focus span {background: #E79608;}*/

/*.cl-effect-20 a:hover span::before,*/
/*.cl-effect-20 a:focus span::before {-webkit-transform: rotateX(10deg);	-moz-transform: rotateX(10deg);transform: rotateX(10deg);}*/


.divisions-electrical-right{ float:left; width:303px;margin-left: 63px;}

.divisions-electrical-right p{font-size: 13px;font-family: 'openSans';color: #5c5c5c;line-height: 2; text-align:justify;}

.divisions-electrical-right p:nth-child(2){padding: 12px 0;}

.divisions-electrical-right p:nth-child(3){padding: 0px 0;}



/***************************************construction*************************/

.construction-banner{ width: 100%; height: 100%; background: #137dc2 url(images/img/Division-constructions-banner.jpg) no-repeat; background-size: cover; position: absolute; left: 0; top: 0;}

.digitalmarketing-banner{ width: 100%; height: 100%; background: #137dc2 url(images/img/banner.png) no-repeat; background-size: cover; position: absolute; left: 0; top: 0;}
.construction-content-over{ position:absolute; top:50px;}

.construction-content-over h2{ position:relative; color:#fff; font-size:24px; font-family: 'openSansSemibold'; border-bottom:1px solid #777680;  padding-bottom: 5px;margin-bottom: 5px;}

.construction-content-over li{ float:left;position:relative; list-style:none;padding-right: 15px;}

.construction-content-over li a{ position:absolute; width:100%; height:100%; top:0; left:0;}

.construction-content-over h3{color:#fff; font-size:12px; font-family: 'openSans'; }

.construction-content-over li:nth-child(2):after{ position:absolute; content:""; background:url(images/img/about-over-png1.png) no-repeat; width:9px; height:9px; right:3px; bottom:3px;}

.construction-content-over li:nth-child(3):after{ position:absolute; content:""; background:url(images/img/about-over-png2.png) no-repeat; width:9px; height:9px; right:3px; bottom:3px;}

.construction-content-over li:nth-child(4) h3{ color:#2991da;}

.division-construction{float: left;padding-top: 45px;margin-bottom: 45px;padding-bottom: 40px;border-bottom: 1px solid #d6d6d5;}

.construction-left{ width:514px; float:left;}

.construction-left h2{ font-size:30px; color:#646b74;font-family:'openSans';padding-bottom: 25px;}

.construction-left p{ font-size:13px; color:#5c5c5c;font-family:'openSans';line-height: 2;padding-bottom: 15px;}

.span-heading{font-size:30px; color:#1586c8;font-family:'openSans';  padding-left: 15px;}

.construction-right{ width:390px; float:left; padding-top: 7px;  margin-left: 45px;}

.construction-right h2{ font-size:24px; color:#1586c8;font-family:'openSans';padding-bottom: 5px;}

.construction-right p{ font-size:13px; color:#5c5c5c;font-family:'openSans';border-bottom: 1px solid #d6d6d5;padding-bottom: 18px;}

.construction-right ul{ padding-top:35px;}

.construction-right li{ position:relative; color:#808080;font-size:13px;font-family: 'openSansSemibold'; list-style:none;  padding-left: 25px; margin-bottom: 25px;}

.construction-right li:before{position:absolute; content:"";width:5px; height:5px; background:#f2a500; border-radius:50%;left: 0;bottom: 6px;}

/***************************************manufacture*************************/

.manufacture-banner{ width: 100%; height: 100%; background: #137dc2 url(images/img/Division-manufactures-banner.jpg) no-repeat; background-size: cover; position: absolute; left: 0; top: 0;}

.division-manufacture{ margin-top:50px; margin-bottom:50px;}

.division-manufacture h2{font-size:30px; color:#646b74;font-family:'openSans'; text-align:center;margin-bottom: 35px;}

.division-manufacture p{color:#929292;font-size:13px;font-family:'openSans'; text-align:center;}

.manufacture-span{ color:#1586c8;}

.divisionBox{ /*max-width: 640px; height: 480px;*/z-index: 111; margin-top:55px; margin-bottom:60px;}

.dBox{ width: 180px; height:175px;float: right; position: relative; font-family: Tahoma; text-align: center;border: 1px solid #e1e1e1;border-right: none; cursor:pointer;}

.dBox:first-child{border-right: 1px solid #e1e1e1; width:240px;}

.dBox a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.dopa1{ background:#fff;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;left: -540px;}

.dopa2{ background:#fff;-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;left: -540px;}

.dopa3{ background:#fff;-webkit-transition:0.6s;-moz-transition: 0.6s;transition:0.6s;left: -360px;}

.dopa4{ background:#fff;-webkit-transition: 0.6s;-moz-transition:0.6s;transition:0.6s; left:-179px;}

.dopa5{ background:#fff;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}

.dBox figure{position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 85px;}

.dBox5 figure{ background:url(images/img/dbox-mg1.png) no-repeat; background-position: center 0px; width:65px; height:39px;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}

.dBox4 figure{ background: url(images/img/dbox-mg2.png) no-repeat; background-position: center 0px;width:46px; height:44px;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}

.dBox3 figure{ background: url(images/img/dbox-mg3.png) no-repeat; background-position: center 0px;width:67px; height:32px;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}

.dBox2 figure{ background: url(images/img/dbox-mg4.png) no-repeat; background-position: center 0px;width:47px; height:38px;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}

.dBox1 figure{ background: url(images/img/dbox-mg5.png) no-repeat; background-position: center 0px;width:57px; height:26px;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}

.dBox h3{ font-size: 14px; color: #FFF; margin-top: 100px;font-family:'openSans';-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}

.dBox h4{ color: rgba(255, 255, 255, 0.7); font-size: 12px; padding: 2px 0;font-family:'openSans';}

.dopa1 h3{ font-size: 14px; color: #646b74; margin-top: 100px;font-family:'openSans';-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s; }

.dopa1 h4{ color:#caccce; font-size: 12px; padding: 2px 0;font-family:'openSans';}

.dopa2 h3{ font-size: 14px; color: #646b74; margin-top: 100px;font-family:'openSans';-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}

.dopa2 h4{ color:#caccce; font-size: 12px; padding: 2px 0;font-family:'openSans';}

.dopa3 h3{ font-size: 14px; color: #646b74; margin-top: 100px;font-family:'openSans'; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}

.dopa3 h4{ color:#caccce; font-size: 12px; padding: 2px 0;font-family:'openSans';}

.dopa4 h3{ font-size: 14px; color: #646b74; margin-top: 100px;font-family:'openSans';-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s; }

.dopa4 h4{ color:#caccce; font-size: 12px; padding: 2px 0;font-family:'openSans';}

.dopa5 h3{ font-size: 14px; color: #646b74; margin-top: 100px;font-family:'openSans'; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}

.dopa5 h4{ color:#caccce; font-size: 12px; padding: 2px 0;font-family:'openSans';}

.dBox:hover{ background:#1586c8;}

.dBox:hover figure{bottom:80px;}

.dBox.active-background figure{bottom:80px;}

.dBox.active-background{ background:#1586c8;}

.dBox:hover h3{color: #FFF;}

.dBox5:hover figure{background:url(images/img/dbox-mg1-hover.png) no-repeat;}

.dBox5.active-background figure{background:url(images/img/dbox-mg1-hover.png) no-repeat;}

.dBox4:hover figure{background:url(images/img/dbox-img2-hover.png) no-repeat;}

.dBox4.active-background figure{background:url(images/img/dbox-img2-hover.png) no-repeat;}

.dBox3:hover figure{background:url(images/img/dbox-mg3-hover.png) no-repeat;}

.dBox3.active-background figure{background:url(images/img/dbox-mg3-hover.png) no-repeat;}

.dBox2:hover figure{background:url(images/img/dbox-mg2-hover.png) no-repeat;}

.dBox2.active-background figure{background:url(images/img/dbox-mg2-hover.png) no-repeat;}

.dBox1:hover figure{background:url(images/img/dbox-mg5-hover.png) no-repeat;}

.dBox1.active-background figure{background:url(images/img/dbox-mg5-hover.png) no-repeat;}

.dBox.active-background h3{color: #FFF;}

.division-manufacture2{ background:#f1f2f2;padding-top: 60px;padding-bottom: 50px;}

.division-manufacture2-left { float:left; width:339px;}

.division-manufacture2-left h2{ font-size:24px; color: #646b74; font-family: 'openSansSemibold';}

.division-manufacture2-left p{ width:225px; font-size:13px; color: #7d7d7d; font-family: 'openSans';position: relative;border-bottom: 3px solid #d6d6d5; padding:9px 0px;}

.division-manufacture2-left p:after{position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right: 0px;bottom: 10px;transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}

.division-manufacture2-left ul{margin-top: 45px;}

.division-manufacture2-left li{ position:relative; color:#898989;font-size:13px;font-family: 'openSansSemibold'; list-style:none;  padding-left: 25px; margin-bottom: 25px;}

.division-manufacture2-left li:before{position:absolute; content:"";width:5px; height:5px; background:#f2a500; border-radius:50%;left: 0;bottom: 6px;}

.division-manufacture2-right{ float:left;margin-top: 75px;}

.division-manufacture2-right li{ position:relative; color:#898989;font-size:13px;font-family: 'openSansSemibold'; list-style:none;  padding-left: 25px; margin-bottom: 25px;}

.division-manufacture2-right li:before{position:absolute; content:"";width:5px; height:5px; background:#f2a500; border-radius:50%;left: 0;bottom: 6px;}

.division-manufacture2-right li:nth-child(3):before{ bottom:6px;}

.division-manufacture2-right li:nth-child(4):before{ bottom:22px;}

.division-manufacture2-transformer{ float:left;}

.division-manufacture2-transformer ul{ padding-top:40px;}

.division-manufacture2-transformer li{ position:relative; color:#898989;font-size:13px;font-family: 'openSansSemibold'; list-style:none;  padding-left: 25px; margin-bottom: 25px;}

.division-manufacture2-transformer li:before{position:absolute; content:"";width:5px; height:5px; background:#f2a500; border-radius:50%;left: 0;bottom: 6px;}

.division-manufacture2-air{ float:left;}

.division-manufacture2-air ul{ padding-top:40px;}

.division-manufacture2-air li{ position:relative; color:#898989;font-size:13px;font-family: 'openSansSemibold'; list-style:none;  padding-left: 25px; margin-bottom: 25px;}

.division-manufacture2-air li:before{position:absolute; content:"";width:5px; height:5px; background:#f2a500; border-radius:50%;left: 0;bottom: 6px;}

.division-manufacture2-air h2{ position:relative; width:325px; font-size:24px; color: #646b74; font-family: 'openSansSemibold';}

.division-manufacture2-air p{ width:325px; font-size:13px; color: #7d7d7d; font-family: 'openSans';position: relative;border-bottom: 3px solid #d6d6d5; padding:9px 0px;}

.division-manufacture2-air h2:after{position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right: 0px;bottom: 4px;transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}

.division-manufacture2-transformer li:nth-child(3):before{ bottom:22px;}

.division-manufacture2-transformer h2{ position:relative; width:325px; font-size:24px; color: #646b74; font-family: 'openSansSemibold';}

.division-manufacture2-transformer p{ width:325px; font-size:13px; color: #7d7d7d; font-family: 'openSans';position: relative;border-bottom: 3px solid #d6d6d5; padding:9px 0px;}

.division-manufacture2-transformer h2:after{position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right: 0px;bottom: 4px;transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}

.division-manufacture3{ position:relative; height:300px; padding-top: 55px;margin-bottom: 75px;}

.manufacture3-heading{ width:225px; height:35px; border:1px solid #d6d6d5; margin:0px auto;}

.manufacture3-heading h2{ position:relative; color:#1586c8;font-size:14px;font-family: 'openSansSemibold'; text-align:center;padding-top: 6px;}

.manufacture3-heading:after{ position:absolute; content:""; width: 369px; height:1px; border-top:1px solid  #d6d6d5; top:70px; right:0px;}

.manufacture3-heading:before{ position:absolute; content:""; width: 368px; height:1px; border-top:1px solid  #d6d6d5; top:70px; left:0px;}

#slider {position: relative;height:300px;width: 95.5%;height: 300px;overflow: hidden;margin-left: 16px;}

#slider ul {position: relative;margin: 0;padding: 0;list-style: none;}

#slider ul li {position: relative;display: block;float: left;margin: 0;padding: 0;width: 230px;margin-left: 1px;}

#slider ul li:after{ position:absolute; content:"";width:1px; height:80px; border-left:1px dotted #b7b7b7; right: -4px;top: 87px;}

/*#slider ul li:last-child:after{ border:none;}*/

#slider ul li h3{font-size:14px; color: #000; font-family: 'openSans'; text-align:center;}

#slider ul li p{font-size:12px; color: #ADADAD; font-family: 'openSans'; text-align:center;}

.product1,.product2,.product3,.product4,.product5{float:left;width:33%;}

.product1{background:url(images/img/product1.png) no-repeat;height:215px;background-position: 50% 65px;width: 100%;}

.product2{background:url(images/img/product2.png) no-repeat;height:215px;background-position: 50% 65px;width: 100%;}

.product3{background:url(images/img/product3.png) no-repeat;height:215px;background-position: 50% 65px;width: 100%;}

.product4{background:url(images/img/product4.png) no-repeat;height:215px;background-position: 50% 65px;width: 100%;}

.product5{background:url(images/img/product2.png) no-repeat;height:215px;background-position: 50% 65px;width: 100%;}

.navigation1{ position:relative;height: 40px;top: -165px;}

.next-slide{ position:absolute; width:30px; height:30px; border-radius:50%; border:1px solid #d7d7d6; bottom:0px; right:-15px; cursor:pointer;transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}

.next-slide:hover{ border:1px solid #67675C; }

.next-slide:before{ position:absolute ; content:"";width:7px; height:7px; border-top:1px solid #646b74; border-right:1px solid #646b74;left: 9px; top: 10px;transform: rotate(45deg);transition:0.5s; -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}

.next-slide:hover:before{left:12px;}

.prev-slide{ position:absolute; width:30px; height:30px; border-radius:50%; border:1px solid #d7d7d6; bottom:0px; left:-15px; cursor:pointer;transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}

.prev-slide:hover{ border:1px solid #67675C; }

.prev-slide:before{ position:absolute ; content:"";width:7px; height:7px; border-top:1px solid #646b74; border-left:1px solid #646b74;left: 11px; top: 10px;transform: rotate(-45deg);transition:0.5s; -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}

.prev-slide:hover:before{left: 8px;}

.division-solar-left { float:left; width:495px;}

.division-solar-left h2{ font-size:24px; color: #646b74; font-family: 'openSansSemibold';}

.division-solar-left h3{ font-size:14px; color: #646b74; font-family: 'openSansSemibold';}

.division-solar-left p{ width:225px; font-size:13px; color: #7d7d7d; font-family: 'openSans';position: relative;border-bottom: 3px solid #d6d6d5; padding:9px 0px;}

.division-solar-left p:after{position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right: 0px;bottom: 10px;transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}

.division-solar-left ul{margin-top: 45px;}

.division-solar-left li{ position:relative; color:#898989;font-size:13px;font-family: 'openSansSemibold'; list-style:none;  padding-left: 25px; margin-bottom: 25px;}

.division-solar-left li:before{position:absolute; content:"";width:5px; height:5px; background:#f2a500; border-radius:50%;left: 0;bottom: 6px;}

.division-solar-right{ float:left; width:445px;margin-top: 45px;}

.voltaic li:nth-child(3):before{ bottom:22px;}

.division-solar-right h3{ font-size:14px; color: #646b74; font-family: 'openSansSemibold';}

.division-solar-right li{ position:relative; color:#898989;font-size:13px;font-family: 'openSansSemibold'; list-style:none;  padding-left: 25px; margin-bottom: 25px;}

.division-solar-right li:before{position:absolute; content:"";width:5px; height:5px; background:#f2a500; border-radius:50%;left: 0;bottom: 6px;}

.division-gate-left { float:left; width:495px;}

.division-gate-left h2{ font-size:24px; color: #646b74; font-family: 'openSansSemibold';}

.division-gate-left h3{ font-size:14px; color: #646b74; font-family: 'openSansSemibold';}

.division-gate-left p{ width:225px; font-size:13px; color: #7d7d7d; font-family: 'openSans';position: relative;border-bottom: 3px solid #d6d6d5; padding:9px 0px;}

.division-gate-left p:after{position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right: 0px;bottom: 10px;transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}

.division-gate-left ul{margin-top: 45px;}

.division-gate-left li{ position:relative; color:#898989;font-size:13px;font-family: 'openSansSemibold'; list-style:none;  padding-left: 25px; margin-bottom: 25px;}

.division-gate-left li:before{position:absolute; content:"";width:5px; height:5px; background:#f2a500; border-radius:50%;left: 0;bottom: 6px;}

.division-gate-right{ float:left; width:445px;margin-top: 45px;}

.division-gate-right h3{ font-size:14px; color: #646b74; font-family: 'openSansSemibold';}

.division-gate-right li{ position:relative; color:#898989;font-size:13px;font-family: 'openSansSemibold'; list-style:none;  padding-left: 25px; margin-bottom: 25px;}

.division-gate-right li:before{position:absolute; content:"";width:5px; height:5px; background:#f2a500; border-radius:50%;left: 0;bottom: 6px;}

.transformer-section1{ display:none;}

.Air-conditioner-section1{ display:none;}

.solar-section1{ display:none;}

.Turnstiles-section1{ display:none;}

.Thermocouples-sec{ display:none;}

.Equipment-sec{ display:none;}

.construction-sec{ display:none;}

.Equipment-sec2{ float:left;margin-left: 60px;}

.Equipment-sec2 ul{ padding-top:15px;}

.Equipment-sec2 h3{ color:#1586c8;font-family: 'openSansSemibold'; font-size:13px;margin-top: 20px;}

.Equipment-sec2 li{ position:relative;color:#9e9e9e; font-family: 'openSansSemibold'; font-size:13px;line-height: 30px; border-bottom:none; padding-bottom:0px; }

.Equipment-sec2 li:before{position:absolute; content:"";width:5px; height:5px; background:#f2a500; border-radius:50%;left:-20px;bottom: 10px;}

.Equipment-sec3{ float:left;margin-left: 60px;}

.Equipment-sec3 ul{ padding-top:15px;}

.Equipment-sec3 h3{ color:#1586c8;font-family: 'openSansSemibold'; font-size:13px;margin-top: 20px;}

.Equipment-sec3 li{ position:relative;color:#9e9e9e; font-family: 'openSansSemibold'; font-size:13px;line-height: 30px; border-bottom:none; padding-bottom:0px; }

.Equipment-sec3 li:before{position:absolute; content:"";width:5px; height:5px; background:#f2a500; border-radius:50%;left:-20px;bottom: 10px;}
/***************************************industrial*************************/

.industrial-banner{ width: 100%; height: 100%; background: #137dc2 url(images/img/industrial-banner.jpg) no-repeat; background-size: cover; position: absolute; left: 0; top: 0;}

.industrial{ margin-top:50px; margin-bottom:0px;}

.industrial h2{font-size:24px; color:#646b74;font-family:'openSans'; text-align:center;margin-bottom: 35px;}

.industrial p{color:#929292;font-size:13px;font-family:'openSans'; text-align:center;}

.industrial-span{ position:relative;  padding-bottom: 10px;}

.industrial-span:after{ position:absolute; content:""; width:69px; height:2px; background:#1586c8;bottom: 0;left: 132px;}

.industrial2-span{ position:relative;  padding-bottom: 10px;}

.industrial2-span:after{ position:absolute; content:""; width:69px; height:2px; background:#1586c8;bottom: 0;left: 52px;}

.division-industrial-left{ float:left; width:210px;}

.division-industrial-left h2{ position:relative;font-size:30px; color: #646b74; font-family: 'openSansSemibold';border-bottom: 3px solid #d6d6d5; text-align:left; margin-bottom:5px; padding-bottom:9px; }

.division-industrial-left p{ font-size:13px; color: #7d7d7d; font-family: 'openSans';position: relative;padding:9px 0px; text-align:left;}

.division-industrial-left h2:after{position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right: 0px;bottom: 15px;transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}

.division-industrial-right{z-index: 111; margin-top:0px; margin-bottom:60px; float:left; width:700px;margin-left: 37px;}

.iBox{ width: 175px; height:175px;float:left; position: relative; font-family: Tahoma; text-align: center;border: 1px solid #e1e1e1;border-right: none; cursor:pointer;}

/*.iBox:first-child{border-right: 1px solid #e1e1e1; width:240px;}*/

.iBox:last-child{border-right: 1px solid #e1e1e1;}

.iBox a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.iopa1{ background:#fff;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}

.iopa2{ background:#fff;-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}

.iopa3{ background:#fff;-webkit-transition:0.6s;-moz-transition: 0.6s;transition:0.6s;}

.iopa4{ background:#fff;-webkit-transition: 0.6s;-moz-transition:0.6s;transition:0.6s;}

.iBox figure{position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 85px;}

.iBox4 figure{ background: url(images/img/ibox-img4.png) no-repeat; background-position: center 0px;width:51px; height:48px;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}

.iBox3 figure{ background: url(images/img/ibox-img3.png) no-repeat; background-position: center 0px;width:48px; height:48px;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}

.iBox2 figure{ background:url(images/img/ibox-img2.png) no-repeat; background-position: center 0px;width:49px; height:48px;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}

.iBox1 figure{ background:url(images/img/ibox-img1.png) no-repeat; background-position: center 0px;width:52px; height:56px;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}

.iBox h3{ font-size: 14px; color: #FFF; margin-top: 100px;font-family:'openSans';-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}

.iBox h4{ color: rgba(255, 255, 255, 0.7); font-size: 12px; padding: 2px 0;font-family:'openSans';}

.iopa1 h3{ font-size: 14px; color: #000; margin-top: 100px;font-family:'openSans';-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s; }

.iopa1 h4{ color:#caccce; font-size: 12px; padding: 2px 0;font-family:'openSans';}

.iopa2 h3{ font-size: 14px; color: #000; margin-top: 100px;font-family:'openSans';-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}

.iopa2 h4{ color:#caccce; font-size: 12px; padding: 2px 0;font-family:'openSans';}

.iopa3 h3{ font-size: 14px; color: #000; margin-top: 100px;font-family:'openSans'; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}

.iopa3 h4{ color:#caccce; font-size: 12px; padding: 2px 0;font-family:'openSans';}

.iopa4 h3{ font-size: 14px; color: #000; margin-top: 100px;font-family:'openSans';-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s; }

.iopa4 h4{ color:#caccce; font-size: 12px; padding: 2px 0;font-family:'openSans';}

.iBox:hover{ background:#1586c8;}

.iBox:hover figure{bottom:80px;}

.iBox.active-background figure{bottom:80px;}

.iBox.active-background{ background:#1586c8;}

.iBox:hover h3{color: #FFF;}

.iBox.active-background h3{color: #FFF;}

.iBox1:hover figure{background:url(images/img/ibox-img1-hover.png) no-repeat;}

.iBox1.active-background figure{background:url(images/img/ibox-img1-hover.png) no-repeat;}

.iBox2:hover figure{background:url(images/img/ibox-img2-hover.png) no-repeat;}

.iBox2.active-background figure{background:url(images/img/ibox-img2-hover.png) no-repeat;}

.iBox3:hover figure{background:url(images/img/ibox-img3-hover.png) no-repeat;}

.iBox3.active-background figure{background:url(images/img/ibox-img3-hover.png) no-repeat;}

.iBox4:hover figure{background:url(images/img/ibox-img4-hover.png) no-repeat;}

.iBox4.active-background figure{background:url(images/img/ibox-img4-hover.png) no-repeat;}

.division-industrial3 {position: relative;/* height: 300px; */padding-top: 55px; margin-bottom: 75px;}

.list-one-left{ float:left; width:156px;}

.industrial-list{ margin-top:25px;}

.industrial-list li{border-bottom: 1px dotted #000;padding-bottom: 20px;}

.industrial-list-circle{ float:left; width:135px; height:135px; border:1px dotted #C5C1C1; border-radius:50%; position:relative; cursor:pointer;}

.industrial-border-circle{ width: 110px;height: 110px;overflow: hidden;border-radius: 50%;margin: 11px auto;}

.industrial-border-circle img{margin-left: -7px;margin-top: -4px;transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}

.list-one-middle{ float:left; width:560px;margin-left: 20px;}

.list-one-middle1{ float:left; width:720px;}

.list-one-middle h3{ color:#5c5c5c; font-family: 'openSansSemibold'; font-size:14px;  margin-top: 20px;margin-bottom: 25px;}

.list-one-middle p{ color:#9e9e9e;font-family: 'openSans'; font-size:13px;}

.list-one-right{ float:left;margin-left: 60px;}

.list-one-right ul{ padding-top:15px;}

.list-one-right h3{ color:#1586c8;font-family: 'openSansSemibold'; font-size:13px;margin-top: 20px;}

.list-one-right li{ position:relative;color:#9e9e9e; font-family: 'openSansSemibold'; font-size:13px;line-height: 30px; border-bottom:none; padding-bottom:0px; }

.list-one-right li:before{position:absolute; content:"";width:5px; height:5px; background:#f2a500; border-radius:50%;left:-20px;bottom: 10px;}

.list-two-middle{ float:left;margin-left: 20px;  width: 750px;margin-top: 35px;}

.list-two-middle h3{ color:#5c5c5c; font-family: 'openSansSemibold'; font-size:14px;  margin-top: 20px;margin-bottom: 25px;}

.list-two-middle p{ color:#9e9e9e;font-family: 'openSans'; font-size:13px;}

/*******************************************contact***************************************/

.contact-banner{ width: 100%; height: 100%; background: #137dc2 url(images/img/contact-banner.jpg) no-repeat; background-size: cover; position: absolute; left: 0; top: 0;}

.contact-content-over{ position:absolute; top:50px;}

.contact-content-over h2{ position:relative; color:#fff; font-size:24px; font-family: 'openSansSemibold'; border-bottom:1px solid #777680;  padding-bottom: 5px;margin-bottom: 5px;}

.contact-content-over li{ float:left;position:relative; list-style:none;padding-right: 15px;}

.contact-content-over li a{ position:absolute; width:100%; height:100%; top:0; left:0;}

.contact-content-over h3{color:#fff; font-size:12px; font-family: 'openSans';}

.contact-section1{ padding-top:75px;}

.contact-left{ float:left; width:360px;margin-left: 6px; position:relative;}

.form{ float:left; width:440px; margin-left:105px; margin-top:10px;}

.form input{width: 436px; height: 39px; border: 1px solid #d6d6d5; margin-bottom:25px;padding-left: 20px;}

.form textarea{width: 412px; height: 110px;border: 1px solid #d6d6d5;font-family: 'Open Sans', sans-serif;overflow: hidden; padding-left:20px;  padding-top: 10px;outline: none;}

.form .submit{ width:140px; height:38px; background:#f2a500; color:#fff; font-family:'Open Sans'; text-transform:uppercase;text-align: center;padding-left: 0;font-size: 15px;border: none;
  float: right; margin-right: 5px; margin-top: 35px; cursor:pointer;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;}
  
  .form .submit:hover{background:#e39f0c;}

.contact-left:after{ position:absolute; content:""; width:1px; height:296px; border-right:1px dotted #d6d6d5; right:0; top:23px;}

.contact-left h2{ font-size:24px; font-family:'HelveticaNeue'; color:#1586c8; position:relative; margin-right:93px;  border-bottom: 3px solid #d6d6d5; padding-bottom:15px;  margin-bottom: 35px;}

.contact-left h2:after{position:absolute; content:""; background:url(images/img/double-arrow.png) no-repeat; width:27px; height:21px; right: 0px;bottom: 20px;transition:1s; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}

.contact-left p{ font-size:13px; font-family:'openSansSemibold'; color:#5c5c5c; position:relative;line-height: 1.9; }

.contact-left p:nth-child(3){font-family:'opensans';  margin-top: 25px;}

.contact-left p:nth-child(4){ font-family:'opensans';margin-top: 8px;}

.contact-left p:nth-child(5){ font-family:'opensans';margin-top: 8px;}

.contact-left p:nth-child(6){ font-family:'opensans';margin-top: 8px;}

.contact-span{ margin-left:25px;}

.contact-span2{ margin-left:135px;}

.contact-section2{ width:100%; height:100px; background:#1586c8;}

.contact-section2 h2{font-size:24px; font-family:'HelveticaNeue'; color:#fff;padding-top: 35px; text-align:center; position:relative;}

.contact-section2 h2:before{ position:absolute; content:""; width:100px; height:3px; background:#fff; left: 260px; bottom: 10px;}

.contact-section2 h2:after{position:absolute; content:""; width:100px; height:3px; background:#fff; right: 263px; bottom: 10px;}

/**********************************************footer2******************************************/


.footer2{background: #3a3f47;position: absolute;  /*margin-top: 25px;*/min-width: 990px;width: 100%;}

.footer2 .fBottom p{ float: left; /*color: #3c3e41;*/ color: #FFF; line-height:2 !important;}

footer{ background: #3a3f47;}

footer .fBg{ height: 200px; background: url(images/footer.png) no-repeat; background-position: center;}

footer .fBottom{padding-bottom: 25px;}

footer .fBottom2{ background: #30373f;width:100%;}

footer .fBottom2 p{ float: left; line-height:1;color: #fff; padding:20px 0px 20px 0px;}

footer .fBottom p{ float: left; line-height: 55px; /*color: #3c3e41;*/ color: #FFF;}

footer .fBottom .contentContainer{ border-top: 1px solid #4a4e55; margin-top: 20px;}

footer .fBottom p+p{ float: right;}

footer > .contentContainer{ padding: 40px 15px 5px 15px;}

footer > .contentContainer article{ float: left;}

footer > .contentContainer article + article{ margin-left: 115px;}

footer > .contentContainer article ul{ float: left;}

footer > .contentContainer article ul + ul{ margin-left: 60px;}

footer > .contentContainer article h3{ font-size: 16px; padding: 15px 0; opacity: .8;font-family: 'openSansSemibold';}

footer > .contentContainer article ul li{ color: #FFF; line-height: 24px; font-size: 14px;font-family: 'OpenSansLight';}

footer > .contentContainer article ul li a:hover{ opacity: 0.8}

footer > .contentContainer article h4{ font-size: 22px; padding: 5px 0;font-family: 'openSansSemibold';}

footer > .contentContainer article p{ font-size: 12px; color: #fff; line-height: 28px;}

footer > .contentContainer article p span{ padding-left: 25px; background: url(images/mail.png) no-repeat; background-position: left center; font-size: 14px;}

.follow{ float:right;}

.language{ float:left; margin-top:18px;}

.language h2{font-size: 13px;font-family: 'openSansSemibold'; color:#fff; position:relative; padding-left:35px;}

.language h2:before{ position:absolute; content:""; width:20px; height:19px; background:url(images/img/footer-img.jpg) no-repeat; left:0px;}

.language2{ float:left; margin-top:18px; margin-left:8px;}

.language2 h2{font-size: 13px;font-family: 'OpenSans'; color:#fff; position:relative; padding-left:20px;}

.language2 h2:before{ position:absolute; content:""; width:10px; height:2px; left:0px; border-bottom:2px solid #fff; top:7px;}

.language2 h2:after{ position:absolute; content:""; width:4px; height:4px;border-bottom:2px solid #fff;border-right:2px solid #fff; top:7px;top: 7px;right: -11px;transform: rotate(45deg);}

.language3{ float:left; margin-top:18px; margin-left:8px;}

.language3 h2{font-size: 13px;font-family: 'openSansSemibold'; color:#fff; position:relative; padding-left:20px;}

.language3 h2:after{ position:absolute; content:""; width:4px; height:4px;border-bottom:2px solid #fff;border-right:2px solid #fff; top:7px;top: 7px;right: -11px;transform: rotate(45deg);}

/*.form input[type="email"]:not([value=""]):focus::-webkit-input-placeholder {*/
    /*color: #0c78ce;*/
/*}*/
/*.form input[type="email"]:not([value=""]):focus:not(:valid)::-webkit-input-placeholder {*/
    /*color: #0c78ce;*/
/*}*/
/*.form input[type="email"]:focus {*/
    /*background-position: 0 0;*/
/*}*/
/*.form input[type="email"]:focus:not(:valid):not([value=""]) {*/
    /*border-bottom: solid 1px #0c78ce;*/
    /*background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #E91E63 4%);*/
/*}*/
/*.form input[type="email"]:not(:focus):not(:valid):not([value=""]) {*/
    /*border-bottom: solid 1px #E91E63;*/
    /*background-position: 0 0;*/
    /*background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #E91E63 4%);*/
/*}*/
/*.form input[type="email"]:not(:focus):not(:valid):not([value=""])::-webkit-input-placeholder {*/
    /*color: #0c78ce;*/
/*}*/
/*.form input[type="email"]:not(:focus):not(:valid):not([value=""]) ~ span.validation-text {*/
    /*visibility: visible;*/
    /*color: #0c78ce;*/
/*}*/
.form label{display: none !important;}
input.error{    border: 1px solid red;}
.contact-right input:valid {
    outline: none;
    border:1px solid #d6d6d5;}
#successmessage{padding: 5px;text-align: center;color: #0c800d;font-size: 14px;}
#cntctmessage {
    padding: 5px;
    text-align: center;
    color: #0c800d;
    font-size: 14px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.form textarea:focus {
    border: 1px solid #d6d6d5;
}






/* bootstrap*/

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-body {
  position: relative;
  padding: 15px;
}
@media (min-width: 768px) {
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}



.video_wrap > div iframe{
    pointer-events: none;
}


.modal-backdrop{
    z-index: 100000 !important;
}
.modal{
    z-index: 100010 !important;
}

#videomodal iframe{
    width: 100%;
    height: 400px;
}

@media (min-width: 768px){
    .modal-dialog {
        margin: 30px auto;
        width: 740px !important;
    }
}