* { margin:0; padding:0; box-sizing:border-box;}
body { font-size:14px; font-family:lato; color:#666;}
ul,ol li,li { list-style:none inside;}
a,img { border:0; outline:none !important; text-decoration:none; color:#333;}
h1,h2,h3,h4,h5,h6 { font-weight:normal; margin:0; margin:5px 0 10px 0;}
h1 { font-size:30px; }
h2 { font-size:20px; color:#FF5722 }
h3 {font-size:25px; text-transform:uppercase; color:#FF5722; text-align:center; padding:30px 0}
table { border:0; border-collapse:collapse;}
input,textarea { font-size:14px;}
p { line-height:25px;}



.banner{ width:100%; display:inline-block; position:relative;}
.container{ width:1170px; display:block; margin:0 auto; font-family:OpenSans;}


@font-face{ src:url(../fonts/FjallaOne-Regular.ttf); font-family:FjallaOne;}
@font-face{ src:url(../fonts/OpenSans-Regular.ttf); font-family:OpenSans;}
@font-face{ src:url(../fonts/Satisfy-Regular.ttf); font-family:satisfy;}
@font-face{ src:url(../fonts/RobotoSlab-Bold.ttf); font-family:robotoslab-bold;}

.header{ width:100%; display:inline-block; background:#fff; box-shadow:1px 2px 5px #dad8d8;}
.logo{ width:30%; float:left;}
.logo img{ width:100%;}
.menunavi{ width:57%; float:right; margin-top:25px;}
.menu li{ float:left;}
.menu li a{ font-size:16px; color:#000;font-family: 'Alegreya Sans', sans-serif; font-weight:400;margin-top:8px; display:inline-block; position:relative; overflow:hidden}
.header_top{ width:100%; display:inline-block; padding:11px 0; background-color:#FF5722;}

.headtop_left{ float:left; width:50%;}
.headtop_left span{ display:inline-block; font-size:14px; color:#fff;font-family:"Open Sans"; margin-right:15px; border-right:1px solid #e7e7e7; padding-right: 15px; }
.headtop_left span:last-child{ border-right:1px solid transparent;}
.headtop_left i{ font-size:15px; color:#fff; margin-right:6px; }


.headtop_right{ float:right;}
.headtop_right li{ float:left; margin-left:23px;}
.headtop_right em{ display:inline-block; font-size:15px; color:#fff; font-style:normal; padding-left:7px;}
.headtop_right a{ display:inline-block; padding-left:5px;}
.headtop_right i{ color:#fff; font-size:15px;}



.menu li a{ padding:15px 20px; border-radius:3px;font-size:14px; color:#000; text-transform:uppercase; transition:0.3s;display:block;position:relative; font-family:"Open Sans";  }
.menu li a .menu_nav{ width:5px; height:5px; border-radius:50%; background:#1991D0; float:left; margin:0 auto;position:absolute; transition:all 0.5s  ease-in-out; transform:scale(1); text-align:center; left:-20px; right:0; top:4px; opacity:0;}
.menu li a:hover .menu_nav{ transform:scale(1); }
.menu li a .menu_nav2{ width:4px; height:4px; border-radius:50%; background:#1991D0; float:left; margin:0 auto;position:absolute; transition:all 0.5s  ease-in-out; transform:scale(1); text-align:center; left:-30px; right:0; top:5px; opacity:0;}
.menu li a .menu_nav3{ width:4px; height:4px; border-radius:50%; background:#1991D0; float:left; margin:0 auto;position:absolute; transition:all 0.5s  ease-in-out; transform:scale(1); text-align:center; left:0px; right:0; top:5px; opacity:0; }
.menu li a:hover .menu_nav{ transition:0.5s;left:0; opacity:1;}
.menu li a:hover .menu_nav2{ transition:0.5s;left:-20px; opacity:1;}
.menu li a:hover .menu_nav3{ transition:0.5s;left:20px; opacity:1;}

.menu li a:hover, .menu li a.active{ color:#FF5722; transition:0.3s;}
/*.menu li a::before{ content:""; position:absolute; width:80%; top:90%; left:0px; right:0;height:3px; background:#2a2a2a; transition:0.5s; opacity:0; margin:0 auto; text-align:center;}*/
.menu li a:hover::before ,.menu li a.active::before{ opacity:1; top:80%; transition:0.5s;}
.drop_menu{ position:relative; white-space:nowrap;}
.menu li .down_menu{ position:absolute; width:190px; padding:25px 0 15px 0; text-align:center; z-index:3;line-height:0;  background:#365699; display:none; top:100%; left:-10px; }
.menu li .down_menu li{ float:none; display:block;text-align:center; }
.menu li .down_menu li a{ padding:23px 10px; margin:0; display:block;}
.menu li .down_menu li a::before{ display:none;}
.drop_menu:hover .down_menu{ display:block;}*/


h2{font-family: 'Oswald', sans-serif; font-weight:300; text-transform:uppercase; font-size:30px;}

/*.menu li a::before{ position:absolute; width:45px; height:2px; background:#000; top:0; content:""; transform:rotate(90deg); transition:0.3s ; transform-origin:0 0 }
.menu li a::after{ position:absolute; width:45px; height:2px; background:#000; top:0; content:""; transform:rotate(90deg); transition:0.3s ; transform-origin:0 0 }

.menu li a:hover::before{ transform:rotate(0deg); opacity:1; left:0}
.menu li a:hover::after{ transform:rotate(0deg); opacity:1; left:0;}*/

/* MOSAIC BOXES */
.box-outer-cont{ position:relative; /*width:1180px;*/ height:835px; margin:0 -20px; overflow:hidden; color:#fff; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; }
.box-cont{ position:relative; width:835px; height:835px; margin:0 auto; }
.box-outer-cont.box-outer-cont-6col{ width:100%; height:1065px; margin:0; }
.box-cont.box-cont-6col{ width:100%; height:100%; left:56px; }

.box-outer-cont .box-cont .box{ position:absolute; background-color:#202020; background-color:rgba(32, 32, 32, 0.8); overflow:hidden; text-align:center; }
.mosaic-page .box-outer-cont .box-cont .box{ -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden;}
.box-outer-cont .box-cont .box.box-empty-grey{ background-color:#cbcacb;}
.box-outer-cont .box-cont .box .box-inner{ position:absolute; top:0px; left:0px; width:100%; height:100%; }

.box-outer-cont .box-cont .box .box-inner .text{ position:relative; padding:10%; color:#fff; }
.box-outer-cont .box-cont .box.box8 .box-inner .text{ padding:23% 15% 15% 17%; }
.box-outer-cont .box-cont .box .box-inner.center .text{ padding:44% 0; }
.box-outer-cont .box-cont .box .box-inner.center-double .text{ padding:39% 0; }
.box-outer-cont .box-cont .box.box-tall .bg-image{ position:absolute; top:-8px; left:-94px; width:352px; height:352px; background-repeat:no-repeat; }
.box-outer-cont .box-cont .box.box-small .bg-image{ position:absolute; top:-34px; left:-34px; width:233px; height:233px; background-repeat:no-repeat; }
.box-outer-cont .box-cont .box.box-wide .bg-image{ position:absolute; top:-94px; left:-10px; width:352px; height:352px; background-repeat:no-repeat; }
.box-outer-cont .box-cont .box.box-large .bg-image{ position:absolute; top:-69px; left:-69px; width:472px; height:472px; background-repeat:no-repeat; }
.box-outer-cont .box-cont .box .bg-image.bg-image-hover{ -moz-transform:scale(1.1) rotate(45deg); -webkit-transform:scale(1.1) rotate(45deg); -o-transform:scale(1.1) rotate(45deg); -ms-transform:scale(1.1) rotate(45deg); transform:scale(1.1) rotate(45deg);  }

.box-outer-cont .box-cont .box.box-tall .box-inner{ top:-8px; left:-94px; width:352px; height:352px; }
.box-outer-cont .box-cont .box.box-tall .box-inner .text{ padding:10px 50px; margin-top:66.5%; width:68%; left:33%; height:43%; background-color:#000; background-color:rgba(0,0,0,0.8); }
.box-outer-cont .box-cont .box.box-tall:hover .box-inner .text{ background-color:rgba(0,0,0,1); }

.box-outer-cont .box-cont .box .box-inner a{ color:#fff; }

.box-outer-cont .box-cont a.load-btn{ display:block; position:absolute; width:32px; height:67px; background:url(images/portfolio-arrows.png) no-repeat top left; z-index:100; opacity:0.7; filter:alpha(opacity=70); }
.box-outer-cont .box-cont a.load-btn.load-less{ top:600px; left:951px; }
.box-outer-cont .box-cont a.load-btn.load-more{ top:623px; left:975px; background-position:top right; }
.box-outer-cont .box-cont a.load-btn:hover{ opacity:1; filter:alpha(opacity=100); }
.box-outer-cont .box-cont a.load-btn.disabled{ background-image:url(images/portfolio-arrows-disabled.png); opacity:0.2; filter:alpha(opacity=20); }

.box-outer-cont .box-cont .box.box-large{ width:332px; height:332px; }
.box-outer-cont .box-cont .box.box-tall{ width:165px; height:332px; }
.box-outer-cont .box-cont .box.box-wide{ width:332px; height:165px; }
.box-outer-cont .box-cont .box.box-small{ width:165px; height:165px; }

.box-outer-cont .box-cont.mosaic-portfolio .box .box-inner .text{ text-transform:uppercase; }
.box-outer-cont .box-cont.mosaic-portfolio .box.box-small .box-inner .text{ padding:10px 50px; width:100%; height:50%; margin-top:50%; background-color:#000; background-color:rgba(0,0,0,0.8); }
.box-outer-cont .box-cont.mosaic-portfolio .box.box-large .box-inner .text{ padding:10px 50px; width:100%; height:27%; margin-top:75%; background-color:#000; background-color:rgba(0,0,0,0.8); }
.box-outer-cont .box-cont.mosaic-portfolio .box.box-tall .box-inner{ top:-8px; left:-94px; width:352px; height:352px; }
.box-outer-cont .box-cont.mosaic-portfolio .box.box-tall .box-inner .text{ padding:10px 50px; margin-top:66.5%; width:68%; left:33%; height:43%; background-color:#000; background-color:rgba(0,0,0,0.8); }
.box-outer-cont .box-cont.mosaic-portfolio .box.box-wide .box-inner .text{ padding:10px 50px; margin-top:66.5%; width:68%; height:43%; background-color:#000; background-color:rgba(0,0,0,0.8); }
.box-outer-cont .box-cont.mosaic-portfolio .box.box7 .box-inner .text{ left:auto; width:100%;}
.box-outer-cont .box-cont.mosaic-portfolio .box .box-inner .text{ bottom:-100%; }
.box-outer-cont .box-cont.mosaic-portfolio .box:hover .box-inner .text{ bottom:0; }

.box-outer-cont .box-cont .box.box-wide .box-inner .text{ padding:20% 0; }

.box-outer-cont .box-cont .box.box-small .box-inner.solid-text{ top:auto; bottom:-16px; height:71%; left:-83px; width:150%; background-color:#000; background-color:rgba(0,0,0,0.8); }
.box-outer-cont .box-cont .box.box-small .box-inner.solid-text .text{ padding:4% 0; }
.box-outer-cont .box-cont .box.box-small:hover .box-inner.solid-text{ background-color:rgba(0,0,0,1); }

.box-outer-cont .box-cont .box span.arrow{ display:block; position:absolute; width:21px; height:23px; bottom:10px; left:10px; background:url(images/arrows.png) 0 0; }
.box-outer-cont .box-cont .box h3{ margin:0;  color:#fff; font-family: 'PT Sans', sans-serif; 
font-size:18px; text-transform:uppercase; font-weight:normal; }
.box-outer-cont .box-cont .box h4{ text-transform:uppercase; color:#7c6a77; }

.box-outer-cont .box-cont .box:hover{ background-color:rgba(0,0,0,1); }

/*.box:hover .box h3{ color:#1991D0 !important;}*/

.box-outer-cont .box-cont .box:hover h3{ color:#1991D0; }
.box-outer-cont .box-cont .box:hover span.arrow{ background:url(images/arrows.png) 0 100%; }

.box-outer-cont .box-cont .box.box2 span.arrow{ background-position:0 100%; }
.box-outer-cont .box-cont .box.box2:hover span.arrow{ background-position:0 0; }

/* MOSAIC POSITIONS */
.mosaic-home{ /*margin:-100px 0 0 160px;*/ }
.mosaic-home .box1{ top:0px; left:0px; }
.mosaic-home .box2{ top:167px; left:0px; }
.mosaic-home .box3{ top:0px; left:166px; }
.mosaic-home .box4{ top:0px; left:334px; }
.mosaic-home .box5{ top:167px; left:334px; }
.mosaic-home .box6{ top:334px; left:1px; }
.mosaic-home .box7{ top:334px; left:167px; }
.mosaic-home .box8{ top:334px; left:500px; }
.mosaic-home .box9{ top:668px; left:333px; }
.mosaic-home .box10{ top:668px; left:500px; }

.mosaic-page .box1{ top:98px; left:311px;  }
.mosaic-page .box2{ top:265px; left:645px; }
.mosaic-page .box3{ top:265px; left:144px;  }
.mosaic-page .box4{ top:432px; left:311px;  }
.mosaic-page .box5{ top:599px; left:311px;  }
.mosaic-page .box6{ top:432px; left:-23px;  }
.mosaic-page .box7{ top:766px; left:-23px;  }

.portfolio-cont .box-outer-cont{ height:1450px; }
.portfolio-cont .box-cont.box-outer-cont-12col{ left:363px; top:-90px; }
.portfolio-cont .mosaic-portfolio .box1{ top:-147px; left:282px; }
.portfolio-cont .mosaic-portfolio .box2{ top:188px; left:616px; }
.portfolio-cont .mosaic-portfolio .box3{ top:188px; left:282px; }
.portfolio-cont .mosaic-portfolio .box4{ top:187px; left:-52px; }
.portfolio-cont .mosaic-portfolio .box5{ top:523px; left:283px; }
.portfolio-cont .mosaic-portfolio .box6{ top:522px; left:-51px; }
.portfolio-cont .mosaic-portfolio .box7{ top:522px; left:-386px; }
.portfolio-cont .mosaic-portfolio .box8{ top:856px; left:-50px; }
.portfolio-cont .mosaic-portfolio .box-empty1{ top:19px; left:114px; }
.portfolio-cont .mosaic-portfolio .box-empty2{ top:20px; left:617px; }
.portfolio-cont .mosaic-portfolio .box-empty3{ top:521px; left:617px; }
.portfolio-cont .mosaic-portfolio .box-empty4{ top:354px; left:-219px; }
.portfolio-cont .mosaic-portfolio .box-empty5{ top:857px; left:284px; }
.portfolio-cont .mosaic-portfolio .box-empty6{ top:856px; left:-217px; }
.portfolio-cont .mosaic-portfolio .box.box-large .box-inner .text{ margin:75% 0 0 0; padding:2% 40% 20%; background-color:#000; background-color:rgba(0,0,0,0.8); -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; }

/* MOSAIC OVERRIDES */
.box-outer-cont .box-cont.mosaic-home .box.box2 { background-color:#BF4097;/*rgba(191, 64, 151, 0.8);*/ }
.box-outer-cont .box-cont.mosaic-home .box.box2:hover { background-color:#ab3a88;/*rgba(191, 64, 151, 1);*/ }
.box-outer-cont .box-cont.mosaic-home .box.box2 .text { padding: 28% 0; }
.box-outer-cont .box-cont.mosaic-home .box.box2 h3 { margin-bottom:0.2em; }
.box-outer-cont .box-cont.mosaic-home .box.box2 p { margin:0; }
.box-outer-cont .box-cont.mosaic-home .box.box4 .text { padding: 38% 0; }
.mosaic-home.box-cont .box.box6 .box-inner.center .text{ padding: 40% 0; }
.mosaic-home.box-cont .box.box6.social-menu a{ position:absolute; display:block; padding:0px; margin:0 12px; background-color:#efefef; background-color:rgba(255, 255, 255, 0.8); }
.mosaic-home.box-cont .box.box6.social-menu a:hover{ background-color:rgba(255, 255, 255, 0.6); }
.mosaic-home.box-cont .box.box6.social-menu a.social-icon-1{ top:69px; left:34px; }
.mosaic-home.box-cont .box.box6.social-menu a.social-icon-2{ top:46px; left:57px; }
.mosaic-home.box-cont .box.box6.social-menu a.social-icon-3{ top:92px; left:57px; }
.mosaic-home.box-cont .box.box6.social-menu a.social-icon-4{ top:69px; left:80px; }
.mosaic-home.box-cont .box.box7 .box-inner .text { width:150%; left:-25%; }
.mosaic-home.box-cont .box.box8 .box-inner .text { width:163%; left:-32%; }
.mosaic-portfolio.box-cont .box.box8 .box-inner .text { left:-1%; }

.mosaic-home.box-cont .box.box8 .box-inner .text li{ height:5em; }
.mosaic-home.box-cont .box.box8 .box-inner .text li h4{ font-size:180%; color:#fff; text-transform:uppercase; }
.mosaic-home .box7 ul.cycle{ margin:3em 0 5em 0; }
.mosaic-home .box8 ul.cycle{ margin:1em 0 8em 0; }
.mosaic-home .box7 ul.cycle li, .mosaic-home .box8 ul.cycle li{ margin:0 25%; }
.mosaic-home .box7 ul.cycle .cycle-next{ display:block; position:absolute; width:21px; height:23px; bottom:40px; right:0px; background:url(images/arrows.png) 41px 0px; }
.mosaic-home .box8 ul.cycle .cycle-next{ display:block; position:absolute; width:21px; height:23px; bottom:2px; right:0px; background:url(images/arrows.png) 41px 0px; }
.mosaic-home .box7 ul.cycle .cycle-next:hover, .mosaic-home .box8 ul.cycle .cycle-next:hover{ background-position:41px 22px; cursor:pointer; }
.mosaic-home .box7 ul.cycle .cycle-prev{ display:block; position:absolute; width:21px; height:23px; bottom:40px; left:0px; background:url(images/arrows.png) 105px 0px; }
.mosaic-home .box8 ul.cycle .cycle-prev{ display:block; position:absolute; width:21px; height:23px; bottom:2px; left:0px; background:url(images/arrows.png) 105px 0px; }
.mosaic-home .box7 ul.cycle .cycle-prev:hover, .mosaic-home .box8 ul.cycle .cycle-prev:hover{ background-position:105px 22px; cursor:pointer; }
/*.mosaic-home .box8 p{ font-size:105%; }
.mosaic-home .box9 p{ font-size:92%; line-height:1.1em; }*/
.box-outer-cont .box-cont.mosaic-home .box10 .box-inner .text{ padding:3% 10%; margin-top:42.5%; left:-3%; width:71%; height:72%; background-color:#000; background-color:rgba(0,0,0,0.8); }
.box-outer-cont .box-cont.mosaic-home .box10:hover .box-inner .text{ background-color:rgba(0,0,0,1); }

.logo h1{ margin:0;}
/* COMMON */
.rotate-left{ -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.rotate-right{ -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.transition{ -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.scale:hover{ -moz-transform: scale(1.15); -webkit-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); }
img.responsive{ width:100% !important; }

.banner_set{ position:absolute; top:0; width:1170px; display:block; margin:0 auto;}
.event{ width:100%; display:inline-block; margin:0 auto; padding-top:50px; padding-bottom:60px; background-color:#1991D0;}
.event_left{ width:38%; float:left; margin-top:4px;}

.event2{ width:100%; display:inline-block; margin:0 auto; padding-top:50px; padding-bottom:60px;}
.event2 h2{ font-size:30px; text-align:center; color:#1991D0; padding:15px 0;}


.index_interior{ width:100%; display:inline-block; margin:30px 0 50px 0;}
.index_interiorleft{ float:left; width:32%; padding:1% 1% 0 0;}
.index_iconleft{ width:20%; float:left;}
.index_iconleft i{ color:#FAB702; font-size:48px;}
.index_iconright{ width:80%; float:left;}	
.index_iconright h3{ font-family:Montserrat-Regular; font-size:18px;}
.index_iconright p{ margin:10px 0; color:#606060; min-height:120px;}
.index_iconright a{ display:inline-block; background-color:#1991D0; padding:6px 15px; float:right; 
 color:#fff; font-size:14px; text-align:center; }
 .index_iconright a:hover{ background-color:#363636}




.event_right{ width:62%; float:right;}
.event_right p{ font-size:14px; color:#fff; text-align:justify; line-height:22px; margin-top:8px; font-family:"Open Sans"; margin-bottom:12px;}
.event h2{ font-size:30px; text-align:left; color:#fff; padding:15px 0;}
.event_right a{ display:inline-block; font-size:15px; background-color:#363636; font-family:"Open Sans"; color:#fff; text-align:center; float:right; padding:7px 15px;}
.event_right a:hover{ background:#ec7b2f;}
.gallery_home{ width:100%; display:inline-block; background-image:url(../images/speaker4web.jpg);
 height:660px;background-repeat: no-repeat;background-attachment: fixed;}
.gallery_home h2{ font-size:30px; text-align:center; color:#fff; padding:60px 0 5px 0;}
.vidieo{ width:100%; display:inline-block; background-image:url(../images/vidibg.jpg); height:550px;}
.vidieo h2{ text-align:left; color:#fff; font-size:30px; margin-top:45px; margin-bottom:20px;}
.vidi_left{ float:left;}
.vidi_left img{ width:573px;}
.vidi_right{ float:right;}
.vidi_right img{ width:573px;}
.product_inner h3{ margin-top:20px !important;}

.test1{ display:block; margin:0 auto; width:100%; text-align:center; padding-bottom:15px;}
.test1 p{  margin: 0 auto;
    padding-right: 105px;
    text-align: center;
    width: 60%;font-family: 'Roboto', sans-serif; font-size:14px; line-height:22px;
}
.item img{ width:82px; height:82px; border-radius:50%; /*margin-right:30px;*/ display:inline-block;}
.who h2{ font-size:25px; color:#E77224; margin-top:20px; margin-bottom:5px; padding-top:30px; font-family:Roboto; font-weight:normal;}
.who h3{ color:#F5711F; font-size:18px;}

.item1{ width:100%; display:block; margin:0 auto; text-align:center; padding-top:30px;}
.item1 img{ display:block; text-align:center; margin:0 auto;}
.product_inner1 h3{ padding-right:78px !important;}

.product_inner2 h3{ padding-right:60px !important; padding-top:4px;}
.product_inner4 h3{ width:85%; margin:0 auto; text-align:center;}

.menunavi ul{ float:right;}


.banner_inner{ width:100%; display:inline-block; position:relative;}

.item4 img{ box-shadow:1px 2px 5px #ccc; margin:10px 0;} 
   

   
.clients{ width:100%; display:inline-block; padding-bottom:50px; background-color:#f6f6f6;}
.clients h2{ text-align:center; display:block; width:100%; color:#1991D0; margin-top:56px;margin-bottom:25px; font-size:33px;}
.footer{ width:100%; display:inline-block; background-color:#222222; padding:10px 0;}
.foot_left{ margin-top:8px;}
.foot_left li{ float:left;}
.foot_left li a{ font-size:15px; color:#fff; margin-right:30px; text-decoration:none;font-family: 'Open Sans', sans-serif; font-weight:400;}
.foot_left li a:hover{ color:#FF5722;}
.foot_right p{ font-size:15px; color:#fff; float:right;font-family: 'Open Sans', sans-serif; font-weight:400;}
.scrollToTop{width:40px; height:40px; text-align:center; font-weight: bold;color: #444;text-decoration: none;
position:fixed;right:50px;display:none;bottom:50px;background-color:#FF5722;color:#FFF;}
.scrollToTop:hover{  color:#fff; outline:0; }
.scrollToTop i{ font-size:16px; text-align:center; line-height:30px;outline:0; color:#fff;}   

.wedo{ width:100%; display:inline-block; padding:50px 0; text-align:center; background:url(../images/dimanaish_bg.jpg); background-size:cover; position:relative; z-index:1; margin:30px 0; background-attachment:fixed; background-position:center;}
.wedo::before{ background:rgba(0,0,0,0.5);  content:""; position:absolute; top:0; right:0; left:0; bottom:0; z-index:-1;}
.wedo h1{color:#fff; text-align:center; font-family:FjallaOne; font-weight:400; line-height:40px; font-size:40px; display:inline-block;}
.wedo h4{ color:#fff; font-size: 18px;}
.wedo h2{display:inline-block; text-transform:lowercase;}
.wedo p{ font-size:14px; line-height:30px; font-family:'Open Sans', sans-serif; color:#fff; font-weight:bold;}
.wedo li{ width:23%; margin:1%; box-shadow: 0px 1px 2px #FF5722; height:225px; transition:all 0.5s ease-in-out; position:relative;border-top:25px solid transparent; float:left; margin-top:30px; }
.wedo li h4{ font-family:FjallaOne; font-weight:400; line-height:40px; font-size:32px; padding:40px 0; text-transform:uppercase; }
.wedo li i{ font-size:50px; color:#FF5722;}
.wedo li p{ padding:10px 0; display:none; transition:all 0.5s ease-in-out;}
.wedo li:hover{ background:#FF5722; color:#fff; cursor:pointer; border-top:25px solid #e9e9e9;}
.wedo li:hover p{ display:block; color:#fff;}
.wedo li:hover i{ display:none;}
.wedo li::before{ background:#fff; position:absolute; content:""; top:-50px; left:0; right:0; height:25px; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 0 0 40px 269px; transition:all 0.5s ease-in-out;}
.wedo li:hover::before{ background:#FF5722;}

.about{ width:100%; display:inline-block; padding:50px 0; background:url(../images/about-bg.jpg); background-size:cover; text-align:center; position:relative;}
.about h1{ color:#f8731f; font-family:FjallaOne; font-weight:400; line-height:40px; font-size:40px;}
.about::before{ background:rgba(0,0,0,0.5); content:""; top:0; left:0; width:100px; bottom:0; position:absolute;}
.about::after{ background:rgba(0,0,0,0.5); content:""; top:0; right:0; width:100px; bottom:0; position:absolute;}
.about .blog{ background:RGBA(50, 49, 49, 0.8); margin:0 auto; width:80%; padding: 20px 30px;}
.about .blog p{ color:#E1E1E1;  font-family:'Open Sans', sans-serif; text-align:justify; font-size:14px; line-height:25px;}
.about .blog li{ text-align:left; line-height:25px; color:#fff; font-family:'Open Sans', sans-serif; font-size:15px;}
.about .blog li i{ margin-right:10px; color:#FF5722; transition:all 0.5s ease-in-out;}
.about .blog li:hover i{ transform:rotatey(180deg);}
.about .blog ul{ margin:10px 0;}

/*.testimon{ width:100%; display:inline-block; padding:50px 0; background:url(../images/about-bg.jpg); background-size:cover; text-align:center; position:relative; z-index:1; background-attachment:fixed;}
.testimon::before{ background:rgba(243, 117, 24, 0.91); content:""; top:0; left:0; right:0; bottom:0; position:absolute; z-index:-1;}
.testimon h1{ color:#fff; font-family:FjallaOne; font-weight:400; line-height:40px; font-size:40px;}*/

.test{ width:100%; display:inline-block; padding:50px 0; background-image:url(../images/about-bg.jpg);  background-size:cover; position:relative; z-index:1; text-align:center; background-attachment:fixed; margin-top:10px; font-family:'Open Sans', sans-serif;}
.test::before{ background:rgba(243, 117, 24, 0.91); content:""; top:0; left:0; right:0; bottom:0; position:absolute; z-index:-1;}
.testimonal{ margin:0 auto;}
.testimonal h1{ color:#fff; font-family:FjallaOne; font-weight:400; line-height:40px; font-size:40px; text-align:center;}
.test1{ display:block; margin:0 auto; text-align:center; width:100%; }
.test1 p{ text-align:center; font-size:14px; color:#fff; font-family:'Open Sans', sans-serif; padding:0;}
.test1 h3{color:#373738; text-align:center; font-size:16px;}
.test1 img{ width:95px; height:95px; border-radius:50%; display:inline-block;}
.testimonal h2{ text-align:center; color:#fff; font-size:30px;}
.item{ width:100%; display:block; margin:0 auto;}
.index_testmonialleft{ width:70%; float:left;}
.index_testmonialright{ width:30%; float:left; margin:10px 0;}
.index_testmonialright h1{ color:#fff; font-family:FjallaOne; font-weight:400; line-height:40px; font-size:40px; text-align:center;}
.index_contact{ width:100%; display:inline-block;}
.index_contact li{ line-height:30px; color:#fff;}
.index_contact li i{ display:inline-block; padding-right:10px;}


.profile{ width:100%; display:inline-block; padding:50px 0;}
.profile h1{ text-align:center; font-family:FjallaOne; font-weight:400; line-height:40px; font-size:40px;}
.profile p{ line-height:25px; font-family:'Open Sans', sans-serif; font-size:14px; text-align:justify; margin:10px 0;}

.profile2{ width:100%; display:inline-block; background:#FF5722; padding:5px 0; text-align:center;}
.profile2 h1{  font-family:FjallaOne; font-weight:400; line-height:40px; color:#363535;}
.profile2 li{ display:inline-block; color:#fff; padding:0 5px; margin:0 auto; font-family:FjallaOne; font-weight:400;}
.profile2 li i{ margin-right:10px; color:#262626;}
.profile2 P{ margin:10PX 0; font-family:'Open Sans', sans-serif; font-size:14px;}


.about_content{ background:#fff; width:100%; display:inline-block}
.service_inner{ width:100%; display:inline-block}
.service_inner h1{ font-size:25px; text-align:left; color:#FF5722;}
.service_page_list h1{ font-size:25px; text-align:left; color:#FF5722;}
.service_page_list{ width:100%; display:inline-block; padding:0 0 30px 0; border-right:2px solid #ebebeb;}
.service_inner_left{ width:60%; float:left}
.service_page_list li{ float:left; width:100%;  border-bottom:2px solid #ebebeb; padding:3% 0}
.service_page_list_image{ width:100%; display:inline-block; float:left; width:35%; margin-right:20px;}
.service_page_list_image img{ width:100%;}
.service_page_list_content{ display:inline-block; float:left; width:100%;}
.service_page_list_content h2{  padding-bottom:15px; color:#000}
.service_page_list_content p{ font-size:15px; max-width:100%; margin-bottom:15px; padding-right:25px;}
.service_inner_right{ float:right; width:40%; background:#f6f6f6; margin:200px 0;}
.service_inner_right h2{ padding-left:20px; padding:15px 0 15px 20px}
.clr1{ background:#fff;}
.service_inner_right_content{ width:100%; display:inline-block; padding:10px 25px; box-sizing:border-box;}
.service_inner_right ul{ width:18%; float:left; margin-bottom:15px;}
.service_inner_right li{ color:#000;}
.service_inner_right p{ float:left; width:82%;}
.service_inner_right li span{ float:left; text-align:center;width:50px; height:50px;  line-height:50px; color:#363636; font-size:20px;border-radius:50%; border:2px solid #ebebeb; letter-spacing:3px;font-family:raleway-bold; box-shadow:1px 1px 25px #ebebeb inset;}
.service_inner_right li em{ float:left; font-style:normal; height:80px; line-height:70px; margin-left:15px; font-size:18px}

.top_banner{ width:100%; display:inline-block;}
.top_banner img{ width:100%;}
.inner_heading{ width:100%; display:inline-block; background:#22caff; padding:25px 0;}
.inner_heading h2{ color:#fff; font-size:32px; margin-bottom:20px;}
.inner_heading ul{ display:block;}
.inner_heading li{ float:left; color:#fff;}
.inner_heading li a{ padding:0 15px; color:#fff; font-size:15px;}
.inner_heading li:nth-child(1) a{ padding-left:0}
.shadow{ width:100%; height:45px; background:url(../images/shadow.jpg) no-repeat; background-position:100px 0;}

.participents{ width:100%; display:inline-block; padding:30px 0 30px 0; border-bottom:2px solid #ebebeb}
.participentspoint{ padding:10px}
.participentspoint p{ padding:10px 0; }
.tag{ width:80px; padding:5px 0;background:#FF5722; text-align:center; position:absolute; top:0; left:100%}
.tag2{ left:-16%;  top:79%}
.tag em{ color:#fff; font-style:normal; display:block; margin:0}
.tag h1{ color:#fff;font-family:robotoslab-bold; font-size:50px; margin:0; margin-top:4px; margin-bottom:10px;}
.our_goal{ width:100%; display:inline-block; background:#fff;}
.our_goal_inner{ width:100%; display:inline-block}
.our_goal h3{ font-size:25px; text-transform:uppercase; color:#FF5722; text-align:center; padding:30px 0}
.our_goal_inner_inner_left h2{ color:#000;}
.our_goal_inner_inner_left{ width:44%; float:left; border:1px dashed #ccc; padding:20px; margin:20px 0; min-height:475px; position:relative}
.our_goal_inner_inner_left span{ font-size:22px; color:#FF5722; margin-bottom:10px; display:block;font-family:satisfy;}
.our_goal_inner_inner_left h6{ font-size:20px; margin:0}
.our_goal_inner_inner_left ul li{ padding:8px 0; font-size:14px;}
.our_goal_inner_inner_right { float:right; border:1px dashed #ccc; padding:20px; margin:20px 0; min-height:475px;}
.right{ float:right;min-height:475px;}
.right img{ width:100%;}

.series{ width:100%; display:inline-block;}
.series_inner_left{ float:left; width:70%;}
.series_inner_left h4{ font-size:22px;}
.series_inner_left ul{ padding:10px 0}
.series_inner_left ul li{ margin:15px 0; line-height:23px; position:relative; padding-left:25px;}
.series_inner_left ul li::before{ content: "\f140"; position:absolute; top:0; left:0; font-family:FontAwesome; color:#FF5722;}
.series_inner_right{ float:right}

/*
.menu2{ width:100%; display:inline-block; background:#007dad}
.menu2 ul{ width:100%; display:inline-block}
.menu2 ul li{ float:left;}
.menu2 ul li a{ display:block; color:#fff; padding:20px 25px; text-transform:uppercase; font-size:16px; border-right:1px solid #1087b4}
.menu2 ul li a:hover{ background:#192e36;}*/

.header_right{ float:right}
.header_right ul{ width:100%; display:inline-block}
.header_right  ul li{ float:left}
.header_right ul li a{ display:block;}
.header_right ul li a i{ width:30px; height:30px; text-align:center; line-height:30px; background:#3a589b; color:#fff;}


/* tab consapt */

.index_knowledge_factory { display:inline-block; width:100%; background:#fff; padding:50px 0 50px 0;}
/*.index_knowledge_factory h1 { text-align:center; color:#FF5722; position:relative; margin-bottom:35px;}*/
/*.index_knowledge_factory h1::before { content:""; position:absolute; width:75px; left:50%; bottom:-10px; margin-left:-35px; height:1px; background:#0057a3;}*/
.hide { display:none !important;}
.tab_buttons { padding:0; margin:0; display:table; width:100%; text-align:center;}
.tab_buttons li { list-style:none inside; line-height:30px; display:table-cell; display:inline-block;}
/*.tab_buttons li:last-child { border-right:0;}*/
.tab_buttons li a { text-decoration:none; color:#666; text-align:center; display:block; padding:2px 25px; position:relative; font-family: "Open Sans"; font-size:14px;}
.tab_buttons li i { display:block; text-align:center; font-size:25px;}
/*.tab_buttons li:last-child a { border-top-right-radius:10px;}*/
.tab_buttons li a.active::before { content:""; border-style:solid; border-width:10px; border-color:#FF5722 transparent transparent transparent; position:absolute; left:45%; top:98%; margin-left:-5px;}
.tab_buttons li a:hover { background:#fff; color:#22CAFF;}
.tab_buttons li a.active { background:#FF5722; color:#fff; /*border-radius: 50%;*/ border-radius:0;}
.tab_content { width:100%; padding:25px 0; box-sizing:border-box; color:#666; line-height:30px; display:inline-block;}
.tab_content_left { width:25%; float:left;}
.tab_content_left img { width:100%; display:block;}
.tab_content_right { width:75%; padding:0 3% 3% 3%; float:right; box-sizing:border-box;}
.tab_content_right ul { display:inline-block; width:100%;}
.tab_content_right ul li { line-height:28px; padding:5px 0; display:inline-block; width:100%;}
.tab_content_right ul li span { font-weight:bold; margin-right:5px; color:#0057a3;}
.tab_content_right ul li a { color:#0057a3; background:none; float:none; padding:0;}
.tab_content_right ul li a:hover { color:#0057a3; background:none; padding:0;}
.tab_content_right ul li em { font-style:normal;}
.tab_content_right a { float:left; padding:0px 12px;  background:#7ec3ff; transition:0.5s all ease-in-out; margin-top:15px; color:#fff;}
.tab_content_right a:hover { background:#0057a3; transition:0.5s;}


.first-prof{ width:100%; display:inline-block;}
.first-prof .left{ float:left; width:50%;}
.first-prof .left p{ font-size:14px;}
.first-prof .right{ float:right; margin-top:10px; width:46%; min-height:0;}

.testimonial{ width:100%; display:inline-block; padding:50px 0; }
.testimonial .first_test{ position:relative;}
.testimonial .first_test:before{ content:""; position:absolute; top:0; right:0; bottom:0; width:1px; background:#D1D1D1; margin:0 auto;}

.testimonial h1{ text-align:center;}
.testimonial li{ line-height:25px; padding: 8px 25px; margin: 10px 0; background: #FF5722; color:#fff; transition:all 0.5s ease-in-out;}
.testimonial .left{ float:left; width:48%;}
.testimonial .left ul{padding:0 30px; }
.testimonial .right{ float:right; width:48%;}
.testimonial li:hover{ background: #424242; transition:all 0.5s ease-in-out;}

.test li { display:inline-block; margin:1%;}
.test li a{ background:rgba(0,0,0,0.5); padding:8px 15px; display:inline-block; color:#fff; box-shadow:1px 1px 12px #f2e944 inset; transform:scale(1); transition:all 0.5s ease-in-out;}
.test li a:hover{ transform:scale(1.1); transition:all 0.5s ease-in-out;}

.contact{ width:100%; display:inline-block; padding:50px 0;}
.contact .left{ width:50%; float:left;}
.contact .left h1{font-family: Roboto; font-size: 28px; text-transform: uppercase; font-weight: 500; }
.contact .left ul{ margin:25px 0;}
.contact .left li{ margin:10px 0; font-family:Roboto; font-size:15px;}
.contact .left li i{ margin-right:20px; width:1%; }
/*.contact .left li::before{ position:absolute; content:""; background:#ccc; top:0; left:-3px; right:0; bottom:0; width:20px; height:25px; transform:skew(10deg);}*/

.contact .right{ float:right; width:50%;}
.contact .right input[type="text"]{ width:100%; border:0; border-bottom:1px solid #ccc; font-family:Roboto; margin:10px; padding:5px; background:transparent;}
.contact .right textarea{ width:100%; border:0; border:1px solid #ccc;  padding:5px; height:150px; resize:none; font-family:Roboto; margin:10px;background:transparent; }
.contact .right input[type="submit"]{ padding:5px 10px; background:#000; margin:10px 0; border:0; color:#fff; border:1px solid transparent; transition:all 0.5s ease-in-out; cursor:pointer; margin:10px;}
.contact .right input[type="submit"]:hover{ background:#878787;}
.contact .right select{ width:80%; padding:5px; margin:10px; display:block; border:0; border:1px solid #ccc;}
.contact .right li b{ display:inline-block; float: left; padding: 8px; font-size:18px; color:#000;}
.contact .right li{ list-style-type:none;}
.contact .right h1{font-family: Roboto; font-size: 28px; text-transform: uppercase; font-weight: 500; }

.series_inner_left h5{ font-size:18px; color:#E66D35;}

.fast{ width:100%;}
 .fast li{ float:left; width:31%; margin:1%;}
 .fast li img{ width:100%;}
 
.pratic{ width:100%; display:inline-block; padding:50px 0; background: #f5f5f5;} 
.pratic h1{ font-size:24px; text-align:center;}
.pratic .left{ float:left; width:60%;}
.pratic .left ul{padding: 25px 30px; float:left;}
.pratic .left ul li{ padding:10px 0;}
.pratic .right{ float:right; width:40%;}
.pratic .right img{ width:70%;}

.education{ width:100%; display:inline-block; padding:50px 0;}
.education h1{ text-align:center;  font-size:24px;}
.education li{ padding:10px 0;}
.education ul{ float:left; padding: 0 35px;}