/*================== reset.css is here ====================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; outline:none}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; display:block; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear		{clear:both; font-size:0px;line-height:0px; display:block;}
/**************************************************************************************/
a											{text-decoration:none; outline:0 none;}
a:hover										{text-decoration:none;}
/*----------------------------------------------------------------------------------*/
html 											{ overflow-x:hidden;}
body											{ font-size:12px; font-family:playfair_displayregular; overflow-x:hidden; margin:0 auto;}

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

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



@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?wd43gb');
  src:  url('fonts/icomoon.eot?wd43gb#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?wd43gb') format('truetype'),
    url('fonts/icomoon.woff?wd43gb') format('woff'),
    url('fonts/icomoon.svg?wd43gb#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-mail_outline:before {
  content: "\e900";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-linkedin2:before {
  content: "\eaca";
}
.icon-location:before {
  content: "\e947";
}
.icon-facebook:before {
  content: "\ea90";
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.wrapper 								{ display:block; width:100%; }
.container 								{ width:1200px; margin:0 auto; display:block;}
.header 								{ width:100%; float:left; display:block; padding:60px 0 30px 0; -webkit-animation-duration: 1s;  animation-duration: 1s; -webkit-animation-fill-mode: both;         animation-fill-mode: both;}
.header a.logo 							{ float:left; display:block; padding:5px 40px 0 40px; -webkit-animation-duration: 1s;  animation-duration: 1s; -webkit-animation-fill-mode: both;         animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.header a.sml_logo						{ display:none;}
.header.open a.sml_logo					{ display:block; float:left; display:block; padding:5px 40px 0 40px; -webkit-animation-duration: 1s;  animation-duration: 1s; -webkit-animation-fill-mode: both;         animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.header.open a.logo						{ display:none;}
.header a.logo img 						{ display:block;}
.header ul 								{ float:right; display:block; padding:80px 20px 0 0; -webkit-animation-duration: 1s;  animation-duration: 1s; -webkit-animation-fill-mode: both;         animation-fill-mode: both; -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.header ul li 								{ float:left; display:block; padding:0 20px; border-right:#e6e6e6 solid 2px;}
.header ul li:last-child 					{ border:none;}
.header ul li a 							{ display:block; font-size:16px; letter-spacing:0.2px; color:#333; text-transform:uppercase; line-height:22px; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s; transition: all .3s ease 0s}
.header ul li a:hover,
.header ul li a.active 						{ color:#00b5ea;}
.header.open 							{ display:block; padding:0; background:#fff; position:fixed; left:0; top:0; width:100%; height:56px; z-index:999; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; box-shadow:rgba(0,0,0,0.2) 0 2px 2px; }


.header.open.hide {
    animation-name: fadeOutUp;
}


.wrapper.addPad					{ padding:200px 0 0 0;}

.header.open a.logo 						{ display:none;}
.header.open ul li 							{ margin:17px 0; }
.header.open ul li a 						{}
.header.open ul							{ padding:0 20px 0 0;}

.main_cont 								{ display:block; float:left; width:100%;}
.slider 									{ width:100%; display:block; position:relative; float:left;}
.slider ul 								{ float:left; display:block; width:100%;}
.slider ul  li 								{ white-space:nowrap; display:inline-block; width:100%;}
.slider ul li img 							{ width:100%; height:auto; display:block;}
.slick-dots 							{ position:absolute; left:0; bottom:35px; width:100%; text-align:center;}
.slick-dots li 							{ display:inline-block !important; margin:0 5px; width:auto !important;}
.slick-dots li button 						{ border:none; background:#E6E6E6; border-radius:10px; width:14px; height:14px; text-indent:-9999px; display:block; outline:none; cursor:pointer; padding:0 !important;}
.slick-dots li.slick-active button			{ background:#B3B3B3;}
.sec1 									{ float:left; display:block; width:100%; padding:235px 0 250px 0;}
.sec1 h2 									{ font-size:75px; display:block; line-height:90px; width:340px; padding:0 50px; letter-spacing:0.5px; display:block; float:left; color:#808080;}
.sec1 h2 span 								{ color:#000;}

.art_rgt 								{ width:calc(100% - 440px); float:right; display:block;}
.art_rgt span 							{ float:left; display:block; margin-right:40px;}
.art_rgt p 								{ float:left; width:calc(100% - 390px); display:block; font-size:19px; line-height:52px; color:#333; padding:3px 0 0 0; letter-spacing:0.2px;}
.art_rgt p a 							{ padding:0 15px; line-height:30px; font-size:13px; color:#333; background:#E6E6E6; text-transform:uppercase; display:inline-block; margin:0 0 0 10px; vertical-align:top; margin:10px 0 0 5px; animation: blink-animation 2s steps(5, start) infinite; -webkit-animation: blink-animation 2s steps(5, start) infinite;}
.art_rgt p a:hover 						{ background:#696969; color:#fff; animation:none; -webkit-animation:none;}



.sec2 									{ display:block; width:100%; float:left; position:relative;}
.sec2 .inn_wrap 						{ position:absolute; left:0; top:0; width:100%; display:block; height:100%;}
.sec2 img.service 						{ width:100%; display:block; height:auto;}
.sec2 .inn_wrap .container 				{ position:relative; height:100%;}
.serv_page 								{ position:absolute; width:440px; right:70px; bottom:100px; z-index:99;}
.serv_page h2 							{ font-size:45px; letter-spacing:0.2px; color:#333; display:block; padding-bottom:10px;}
.serv_page p 							{ font-size:21px; color:#000; line-height:36px; letter-spacing:0.2px; display:block; padding:0 50px 0 0;}
.serv_page p a 							{ padding:0 10px; line-height:24px; font-size:13px; color:#333; background:#E6E6E6; text-transform:uppercase; display:inline-block; margin:0 0 0 10px; vertical-align:top; margin:5px 0 0 5px; animation: blink-animation 2s steps(5, start) infinite; -webkit-animation: blink-animation 2s steps(5, start) infinite;}
.serv_page p a:hover 					{ background:#696969; color:#fff; animation:none; -webkit-animation:none;}

.sec3 									{ width:100%; float:left; display:block;}
.proj_sec 								{ float:left; display:block; padding:75px 55px; width:calc(100% - 110px); }
.proj_sec .proj_sec_lft 				{ float:left; display:block; width:530px; margin-right:30px;}
.proj_sec_rgt 							{ width:calc(100% - 560px); float:right; display:block; margin:0 0 0 0}
.proj_sec h2  						{ font-size:42px; color:#333; display:block; line-height:57px; letter-spacing:0.2px; padding-bottom:10px;}
.proj_sec_lft p 						{ font-size:16px; letter-spacing:0.2px; line-height:40px; color:#333; padding-bottom:20px;}
.proj_sec_lft ul 						{ float:left; display:block; width:100%;}
.proj_sec_lft ul li 					{ width:calc(50% - 10px); padding-right:10px; display:block; float:left; font-size:16px; color:#333; letter-spacing:0.2px; line-height:20px; margin-bottom:12px;}
.proj_sec_rgt span 						{ display:block; float:right}
.cro 									{ float:left; margin:50px 0 0 0;  width:100%; position:relative; display:block;}
.cro ul 								{ float:left; display:block; width:100%;  overflow:hidden;}
.cro ul li								{ display:block; float:left; margin:0 35px 0 0; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s; transition: all .3s ease 0s}
.cro ul li img							{ width:100%; display:block;}
	.cro ul:hover li 						{ opacity:0.8;}
.cro ul:hover li:hover 					{ opacity:1;}
.cro button.slick-prev 					{ position:absolute; left:-50px; top:50%; margin:-20px 0 0 0; border:none; background:url(../images/arr_lft.png) center no-repeat; opacity:0.9; text-indent:-9999px; width:40px; height:40px; cursor:pointer; outline:none;}
.cro button.slick-next 					{ position:absolute; right:-50px; top:50%; margin:-20px 0 0 0; border:none; background:url(../images/arr_rgt.png) center no-repeat; opacity:0.9; text-indent:-9999px; width:40px; height:40px; cursor:pointer; outline:none;}
.cro button.slick-prev:hover,
.cro button.slick-next:hover 			{ opacity:1;}	
.slider button.slick-prev 					{ position:absolute; left:50px; top:50%; margin:-20px 0 0 0; border:none; background:url(../images/arr_lft.png) center no-repeat; opacity:0.9; text-indent:-9999px; width:40px; height:40px; cursor:pointer; outline:none;z-index:99;}
.slider button.slick-next 					{ position:absolute; right:50px; top:50%; margin:-20px 0 0 0; border:none; background:url(../images/arr_rgt.png) center no-repeat; opacity:0.9; text-indent:-9999px; width:40px; height:40px; cursor:pointer; outline:none; z-index:99;}
.slider button.slick-prev:hover,
.slider button.slick-next:hover 			{ opacity:1;}

.sec4 									{ float:left; display:block; overflow:hidden; position:relative; width:100%;}
.sec4 img.client 						{ width:100%; display:block; float:left}
.sec4 h2 								{ font-size:43px; color:#fff; letter-spacing:0.2px; display:block;text-transform:uppercase; width:430px; margin:300px 0 0 0; float:right;}
.sec4 .inn_wrap 						{ position:absolute; left:0; top:0; width:100%; display:block;}

.sec4 > .container							{ position:absolute; width:1200px; left:50%; top:0;display:block; margin:0 0 0 -600px;}
.clients_logo 							{ display:block; background:#fff; width:100%; float:left; margin:50px 0 0 0;}
.clients_logo_wrap 						{  width:calc(100% - 280px); padding:0 140px; position:relative;}
.clients_logo .container 				{ height:auto;}
.clients_logo ul 						{ float:left; width:100%; display:block; overflow:hidden;}
.clients_logo ul li 					{ display:inline-block; vertical-align:middle; width:auto; vertical-align:middle; margin:20px 0px;}
.clients_logo button.slick-prev 					{ position:absolute; left:80px; top:50%; margin:-20px 0 0 0; border:none; background:url(../images/arr_lft.png) center no-repeat; opacity:0.9; text-indent:-9999px; width:40px; height:40px; cursor:pointer; outline:none;}
.clients_logo button.slick-next 					{ position:absolute; right:80px; top:50%; margin:-20px 0 0 0; border:none; background:url(../images/arr_rgt.png) center no-repeat; opacity:0.9; text-indent:-9999px; width:40px; height:40px; cursor:pointer; outline:none;}
.clients_logo button.slick-prev:hover,
.clients_logo button.slick-next:hover 			{ opacity:1;}
.clients_logo ul li img 					{ width:100%; display:block;}
.sec5 										{ width:100%; float:left; padding:60px 0 70px 0;}
.sec5 span 									{ display:block; width:100%; margin-bottom:35px; text-align:center;}
.sec5 span img 								{ display:block; margin:0 auto;}
.sec5 h3 									{ font-size:37px; color:#000; text-align:center; letter-spacing:0.2px; padding-bottom:20px; display:block; letter-spacing:0.2px;}
.sec5 p 									{ text-align:center; display:block; font-size:16px; line-height:32px; text-align:center; padding-bottom:20px;	letter-spacing:0.2px;}
.sec5 p em 									{ display:block; padding-bottom:10px; text-align:center;}
.sec5 h4 									{ text-align:center; font-size:26px; line-height:32px; text-transform:uppercase; color:#003157; margin-bottom:50px; letter-spacing:0.2px;}
.sec5 a.contact 							{ background:#00b5ea; width:85px; line-height:30px; text-align:center; margin:0 auto; text-transform:uppercase; color:#fff; font-size:13px; display:block; letter-spacing:0.2px; animation: blink-animation 2s steps(5, start) infinite; -webkit-animation: blink-animation 2s steps(5, start) infinite;}
.sec5 a.contact:hover 						{ background:#696969; animation:none; -webkit-animation:none;}
.copy 										{ font-size:12px; text-align:center; display:block; letter-spacing:0.2px; color:#818181; background:#e6e6e6; padding:50px 0 25px 0; float:left; width:100%; position:relative;}
.copy.cont_copy 							{ padding:15px 0;}
.abt_page_cont 								{ position:absolute; left:0;top:0; width:100%; height:calc(100% - 330px); z-index:99; text-align:center; padding:165px 0;}
.abt_page_cont h2 							{ font-size:42px; color:#fff; text-align:center; display:block; padding-bottom:50px; letter-spacing:0.2px;}
.abt_page_cont p 							{ font-size:18px; color:#fff; line-height:48px; display:block; text-align:center; letter-spacing:0.2px;}
.abt_bt_wrap 								{ width:calc(100% - 90px); float:left; display:block; padding:140px 45px;}
.abt_bt_lft 								{ float:left; width:calc(50% - 80px); padding:0 40px;}
.abt_bt_rgt 								{ float:left; width:calc(50% - 80px); padding:0 40px;}
.abt_bt_lft p 								{ font-size:16px; line-height:38px; letter-spacing:0.2px; display:block; color:#333; padding-bottom:40px; text-align:justify;}
.abt_bt_lft span 							{ display:block; width:100%;}
.abt_bt_lft span img						{ display:block; width:100%; height:auto;}
.abt_bt_rgt h2 								{ font-size:38px; letter-spacing:0.2px; display:block; color:#333; padding-bottom:15px;}
.abt_bt_rgt p 								{ font-size:16px; line-height:38px; color:#333; display:block; text-align:justify; letter-spacing:0.2px;}
.about_us 									{ float:left; display:block; width:100%; background:#011a43; position:relative;}
.about_us img.about_bg 						{ width:100%; display:block; margin:0;}

.service_page 								{ width:100%; float:left; display:block; padding:30px 0 110px 0;}
.top_dis 									{ width:100%; display:block;}
.ser_top 									{ padding:0 30px; display:block; float:left; width:calc(100% - 60px);}
.ser_top span 								{ float:right; display:block; width:525px; margin:-50px 0 50px 50px;}
.ser_top span img 							{ width:100%; display:block;}
.ser_top h3 								{ font-size:24px; color:#000; letter-spacing:0.2px; padding-bottom:20px;}
.ser_top p 									{ font-size:16px; line-height:26px; letter-spacing:0.2px; display:block; padding-bottom:30px; color:#000; text-align:justify;}
.ser_top h4 								{ font-size:18px; font-family:playfair_displaybold; color:#000; letter-spacing:0.2px; padding-bottom:5px;}
.ser_btm 									{ float:left; display:block; width:calc(100% - 70px); padding:30px 35px 0 30px;}
.ser_btm span 								{ display:block; float:left; width:665px; margin:0 50px 0 0;}
.ser_btm span img 							{ width:100%; display:block;}
.ser_btm h4 								{ font-size:22px; color:#000; font-family:playfair_displaybold; display:block; padding:0 30px 10px 0; letter-spacing:0.2px;}
.ser_btm p 									{ font-size:16px; line-height:38px; color:#000; display:block; padding:0 20px 30px 0; letter-spacing:0.2px; text-align:justify}
.contact_page 								{ width:100%; display:block; float:left; padding:120px 0 200px 0;}
.contact_wrap 								{ padding:0 70px 0 70px; width:calc(100% - 140px); float:left;}
.contact_lft 								{ float:left; width:590px; margin:0 30px;}
.contact_rgt 								{ float:right; width:calc(100% - 670px); margin:50px 0 0 0;}
.contact_lft h3 							{ font-size:21px; color:#000; display:block; padding-bottom:15px; letter-spacing:0.2px;}
.contact_lft span 							{ display:block; width:100%;}
.contact_rgt h1 							{ font-size:42px; color:#000; letter-spacing:0.2px; padding-bottom:30px;}
.contact_rgt h4 							{ font-size:21px; letter-spacing:0.2px; color:#003157; display:block; padding-bottom:30px;}
.contact_rgt h5 							{ font-size:16px; color:#000; letter-spacing:0.2px; display:block; padding-bottom:30px;}
.contact_rgt p 								{ font-size:15px; color:#000; letter-spacing:0.2px; display:block;  padding-bottom:20px; line-height:30px;}
.contact_rgt p b 								{ display:block; font-weight:normal;}
.contact_rgt p em a 							{ font-size:15px; color:#000; margin:20px 0 0 0; display:block; letter-spacing:0.2px; }
.contact_rgt p a 							{ display:inline; color:#000;}
.quick_link 								{ display:block; width:100%; position:absolute; left:0; top:-25px;}
.quick_link a 								{ width:48px;  height:48px; display:inline-block; margin:0 8px; font-size:26px; background:#696969; color:#fff; border-radius:50px; line-height:48px; text-align:center; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s; transition: all .3s ease 0s}
.quick_link a.soc5,
.quick_link a.soc3 							{ font-size:28px;}
.quick_link a.soc1,
.quick_link a.soc4 							{ background:#8f8f8f;}
.quick_link a.soc1:hover 					{ background:#fe2121;}
.quick_link a.soc2:hover 					{ background:#3a5999;}
.quick_link a.soc3:hover 					{ background:#007aba;}
.quick_link a.soc4:hover 					{ background:#54aaed;}
.quick_link a.soc5:hover 					{ background:#c40000; }
.contact_rgt span							{ display:block; width:100%; margin:10px 0 0 0;}
.contact_rgt span a 						{ width:48px; height:48px; display:inline-block; margin:0 6px; font-size:26px; color:#fff; border-radius:50px; line-height:48px; text-align:center; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s}
.contact_rgt span a.soc1					{ background:#3a5999;}
.contact_rgt span a.soc2 					{ background:#007aba;}
.contact_rgt span a.soc3 					{ background:#54aaed;}
.contact_rgt span a.soc4 					{ background:#c40000;}
.contact_rgt span a:hover 					{ background:#696969;}
.header a.humberger 						{ display:none;}

@media only screen and (max-width: 1025px) {
	.container 								{ width:calc(100% - 120px); padding:0 60px;}
	.header a.logo 							{ padding:5px 30px 0 30px}
	.slider ul li img 						{ width:140%; margin:0 -20%;}
	.slider ul li 							{ overflow:hidden;}
	.sec1 									{ padding:165px 0;}
	.art_rgt 								{ width:auto; float:none;}
	.art_rgt p 								{ width:calc(100% - 100px); padding:15px 50px 0 50px;}
	.art_rgt span 							{ width:400px;}
	.art_rgt span img 						{ width:100%; display:block;}
	.header.open 							{ box-shadow:rgba(0,0,0,0.2) 0 2px 2px}
	.sec1 h2 								{ padding:10px 50px; line-height:100px;}
	.sec2 img.service 						{ width:140%; margin:0;}
	.serv_page h2 							{ font-size:43px;}
	.serv_page p 							{ font-size:16px; padding:0 140px 0 0; text-align:justify;}
	.serv_page 								{ right:20px;}
	.proj_sec_rgt span 						{ width:100%; overflow:hidden;}
	.proj_sec_rgt span img 					{ width:160%; margin:0 -30%}
	.proj_sec .proj_sec_lft 				{ width:440px;}
	.proj_sec_lft p 						{ text-align:justify; font-size:14px;}
	.proj_sec_lft ul li 					{ font-size:14px;}
	.proj_sec_rgt 						{ width:calc(100% - 480px); margin:15px 0 0 0;}
	.proj_sec_lft h2 						{ font-size:40px;}
	.cro ul li img 							{ width:100%; display:block;}
	.cro ul li 								{ margin:0 15px;}
	.cro ul 								{ width:calc(100% + 30px); margin:0 0 0 -15px;}
	.sec4 img.client 						{ width:125%; margin:0 0 0 -25%;}
	.sec4 h2 								{ margin:340px 0 0 0; width:360px;}
	.clients_logo 						{ margin:40px 0 0 0;}
	.clients_logo_wrap 					{ padding:0 40px; width:calc(100% - 80px);}
	.clients_logo button.slick-next 		{ right:-20px;}
	.clients_logo button.slick-prev 		{ left:-20px; }
	.abt_bt_wrap 						{ padding:100px 0; width:100%;}
	.abt_bt_lft,
	.abt_bt_rgt							{ padding:0 20px; width:calc(50% - 40px);}
	.abt_bt_lft span 						{ overflow:hidden;}
	.abt_bt_lft span img 					{ width:130%; margin:0 -15%;}
	.service_page 						{ padding:65px 0;}
	.ser_top 							{ padding:0 20px; width:calc(100% - 40px);}
	.ser_top span 						{ width:415px; margin:30px 0 50px 50px;}
	.ser_top p 							{ padding-bottom:20px; line-height:33px;}
	.ser_btm span 						{ width:490px; overflow:hidden;}
	.ser_btm span img 						{ width:120%; margin:0 -10%;}
	.ser_btm p 							{ line-height:26px;}
	.contact_wrap 						{ padding:0; width:100%;}
	.contact_lft 						{ margin:0 20px; width:465px;}
	.contact_rgt 						{ width:calc(100% - 550px); margin:50px 20px 0 20px;}
	.about_us img.about_bg 				{ width:120%; margin:0 0 0 -20%;}
	.header ul 							{-webkit-animation-name: none !important; animation-name: none !important;}
	.nav 								{ float:right; display:block;}
}

@media only screen and (max-width: 900px) {
	.nav 								{ display:none;}
	.header a.logo 						{ padding:5px 0 0 0; width:100%; text-align:center;}
	.header a.logo img 					{ margin:0 auto;}
	.sec1 								{ padding:70px 0;	}
	.sec1 h2 								{ padding:0; font-size:60px; line-height:80px; width:330px; float:left}
	.art_rgt 							{}
	.art_rgt span 						{ width:300px; margin:0 0 20px 0;}
	.art_rgt p 							{ padding:0; width:100%; line-height:50px;}
	.serv_page 							{ right:-20px; bottom:70px;}
	.serv_page p 						{ padding:0 100px 0 0;}
	.proj_sec 							{ padding:50px 0; width:100%;}
	.proj_sec_rgt 						{ width:100%; padding:0; margin:20px 0 0 0;}
	.proj_sec_rgt span 					{ widxth:100%; display:block;}
	.proj_sec_rgt span img 				{ width:100%; display:block; margin:0;}
	.proj_sec_lft 						{ width:100%; margin:0;} 
	.proj_sec .proj_sec_lft				{ width:100%; margin:30px 0 0 0;}
	.sec4 h2 								{ margin:170px 0 0 0;}	
	.header.open a.sml_logo 				{ padding:5px 0 0 0;}
	.abt_page_cont 						{ padding:60px 0; display:block;}
	.abt_page_cont p 					{ line-height:44px;}
	.abt_bt_lft, 
	.abt_bt_rgt							{ padding:0 0 20px 0; width:100%; display:block;}
	.ser_top 							{ padding:0; width:100%;}
	.ser_top span 						{ width:100%; margin:0 0 25px 0;}
	.ser_btm 							{ width:100%; padding:20px 0 0 0;}
	.ser_btm span 						{ width:100%; display:block; margin-bottom:30px;}
	.ser_btm span img 						{ width:100%; margin:0;}
	.contact_page 						{ padding:80px 0;}
	.contact_lft 						{ width:100%; padding:50px 0 0 0; margin:0;}
	.contact_rgt 						{ margin:0; width:100%;}
	.contact_rgt p br 					{ display:none;}
	.cro ul 							{ margin:0; width:100%;}
	.header a.humberger 				{ width:40px; height:40px; background:url(../images/humberger.png) center no-repeat; position:absolute; top:30px; right:30px; z-index:99; display:block;}
	.nav 								{ display:none; width:calc(100% + 120px); margin:5px -60px 0 -60px; float:left;}
	.nav ul,
	.nav ul li 							{ float:left; width:100%; display:block; border:none; padding:0; margin:0;}
	.nav ul li a 						{ font-size:16px; padding:10px 0;  text-align:center;}
	.nav ul li a:hover,
	.nav ul li a.active 				{ background:#e6e6e6; text-align:center; color:#000;}
	.header ul 							{ padding:0; width:100%; margin:30px 0 0 0; -webkit-animation-name: none; animation-name: none;}
	.header.open ul						{ margin:0;}
	.header 							{ padding:40px 0 30px 0}
	.header.open a.humberger 			{ top:10px; right:30px;}
	.header.open .nav					{ background:#fff; box-shadow:#999 0 2px 2px;}
	.header.open ul li 					{ margin:0;}
	.nav ul.nv_open 					{ -webkit-animation-duration: 1s;  animation-duration: 1s; -webkit-animation-fill-mode: both;         animation-fill-mode: both; -webkit-animation-name: none; animation-name: none; margin:30px 0 -20px 0;}
	
	.header.open .nav ul.nv_open  		{ margin:0}
}

@media only screen and (max-width: 480px) {
.slider ul li img 						{ width:200%; margin:0 -50%;}
.container 								{ width:calc(100% - 80px); padding:0 40px;}
.sec1 									{ padding:50px 0;}
.sec1 h2 								{ padding:0 0 30px 0;}
.art_rgt span 							{ width:100%;}
.sec1 h2 								{ font-size:75px; width:100%; letter-spacing:1px; line-height:90px;}
.sec2 img.service 						{ width:120%;}
.serv_page 								{ left:0; top:0; width:calc(100% - 100px); margin:0 50px; text-align:center; position:relative;}
.sec2 .inn_wrap 						{ position:relative;}
.serv_page p 							{ padding:0; width:100%; margin:0; text-align:center;}
.serv_page 								{ margin:-60px 50px 0 50px;}
.proj_sec h2 							{ text-align:center;}
.proj_sec_rgt 							{ width:calc(100% + 80px); margin:0 -40px;}
.sec4 img.client 						{ width:200%;}
.sec4 h2 								{ margin:210px 0 0 0; color:#000; text-align:center; width:100%; }
.sec5 p em 								{ display:inline; line-height:40px;}
.sec5 h4 								{ font-size:22px; padding-bottom:30px;}
.slick-dots 							{ bottom:20px;}
.slick-dots li button 					{ width:12px !important; height:12px !important;}
#fancybox-close 						{ top:-40px !important; right:0 !important; width:24px !important; height:24px !important; background-size:100% auto !important;}
.about_us img.about_bg 					{ width:240%; margin:0 0 0 -100%}
.abt_page_cont h2 						{ font-size:37px; padding:0 50px;}
.abt_page_cont h2 br 					{ display:none;}	
.abt_page_cont p 					{ font-size:16px; line-height:38px; padding:20px 50px;}		
abt_bt_wrap 							{ padding:40px 0;}	
.abt_bt_lft span 						{ width:calc(100% + 100px); margin:0 0 0 -50px;}
.service_page 						{ padding:50px 0;}
.ser_top span,
.ser_btm span 						{ width:calc(100% + 100px); margin:0 -50px 30px -50px;}
.contact_lft span 					{ width:calc(100% + 80px); margin:0 0 0 -40px;}
.contact_lft h3 						{ text-align:center;}
#fancybox-left 						{ left:-40px !important; margin:-20px 0 0 0 !important;}
#fancybox-right 						{ right:-40px !important; margin:-20px 0 0 0 !important;}
.slider button.slick-prev 					{ position:absolute; left:20px; top:50%; margin:-15px 0 0 0; border:none; background:url(../images/arr_lft.png) center no-repeat; opacity:0.9; text-indent:-9999px; width:30px; height:30px; cursor:pointer; outline:none;z-index:99; background-size:auto 100%;}
.slider button.slick-next 					{ position:absolute; right:20px; top:50%; margin:-15px 0 0 0; border:none; background:url(../images/arr_rgt.png) center no-repeat; opacity:0.9; text-indent:-9999px; width:30px; height:30px; cursor:pointer; outline:none; z-index:99; background-size:auto 100%;}
.slider button.slick-prev:hover,
.slider button.slick-next:hover 			{ opacity:1;}
.abt_bt_wrap 							{ padding:60px 0;}
.abt_page_cont h2 						{ padding:0 80px;}
.abt_page_cont p 						{ padding:20px 80px;}

}

@media only screen and (max-width: 400px) {
	.header a.humberger 				{ top:20px; right:20px;}
	.nav ul li a 						{ padding:8px 0;}
	.header.open .container 			{ width:calc(100% - 60px); padding:0 30px;}
	.header.open a.humberger 			{ right:20px;}
	.slider ul li img 					{ width:240%; margin:0 -70%;}
	.sec1 h2 							{ font-size:60px; line-height:74px; display:block; padding-bottom:20px;}
	.art_rgt p 							{ font-size:15px; line-height:40px;}
	.art_rgt p a 						{ margin:3px 0 0 5px; font-size:12px;}
	.serv_page 							{ margin:-60px 20px 0 20px; width:calc(100% - 40px);}
	.proj_sec h2 						{ font-size:37px;}
	.proj_sec_lft ul li 				{ width:100%; text-align:center;}
	.cro button.slick-prev 				{ left:-35px;}
	.cro button.slick-next 				{ right:-35px;}
	.cro 								{ margin:20px 0 0 0;}
	.sec4 img.client 						{ width:260%; }
	.clients_logo ul li img 					{ width:100%;}
	.clients_logo ul li		 			{ margin:0;}
	.clients_logo 						{ margin:25px 0 0 0}
	.sec4 h2	 							{ margin:230px 0 0 0;}
	.sec5 h3 								{ font-size:26px;}
	.sec5 p 								{ font-size:14px; line-height:36px;}
	.sec5 h4 								{ font-size:17px; padding:0; margin:0 0 20px 0}
	.quick_link a 						{ width:40px; line-height:40px; margin:0 3px; height:40px; font-size:20px !important;}
	.copy 								{ padding:30px 0 25px 0;}
	#fancybox-wrap 						{ left:0 !important; width:100% !important; height:auto !important; padding:0 !important}
	#fancybox-content 					{ width:100% !important; height:auto !important;}
	#fancybox-close 						{ right:20px !important;}
	.about_us img.about_bg 				{ width:330%; margin:0 0 0 -150%;}
	.abt_page_cont p br 				{ display:none;}
	.abt_page_cont p					{ padding:20px 30px;}
	.abt_bt_rgt h2 						{ font-size:31px;}
	.abt_bt_rgt p,
	.abt_bt_lft p						{ font-size:15px;}
	.ser_top h3 						{ line-height:34px; padding-bottom:15px;}
	.top_dis p 							{ line-height:25px;}
	.ser_top p,
	.top_dis p 							{ font-size:14px;}
	.ser_top h4,
.ser_btm h4	{ font-size:16px;}
	.ser_btm p 							{ line-height:34px;}
	.contact_lft h3 					{ font-size:18px;}
	.slick-dots 							{ bottom:20px;}
.slick-dots li button 					{ width:10px; height:12px;}

#fancybox-left 						{ left:10px !important; margin:-20px 0 0 0 !important;}
#fancybox-right 						{ right:10px !important; margin:-20px 0 0 0 !important;}
.abt_page_cont p 					{ padding:20px 40px;}
.abt_bt_wrap  						{ padding:40px 0;}
.abt_page_cont h2 					{ padding:0 60px;}
	
}