﻿/*=======================================================================================================================================
																	Generic CSS
=======================================================================================================================================*/
*
{
	margin:0;
	padding:0;
	border:0;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1em;
}

/* Basic Common Column structure */
.width100{width:100%}
.margin_auto{margin:0 auto}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

/* ========= Font Specific ========= */
.tiny{font-size:0.8em}
.small{font-size:0.9em}
.regular{font-size:1.1em}
.semiMedium{font-size:1.3em;}
.medium{font-size:1.5em}
.large{font-size:2.2em}
.semi-large{font-size:1.8em}
.extra-large{font-size:2.6em;line-height:1.5}
.xxlarge{font-size:3em;}

.light{font-family: 'Open Sans', sans-serif !important; font-weight:300;}
.fontRegular{font-family: 'Open Sans', sans-serif; font-weight:400;}
.semiBold{font-family: 'Open Sans', sans-serif; font-weight:600;}
.bold{font-family: 'Open Sans', sans-serif; font-weight:700;}
.strike{ text-decoration:line-through}

/*float classes*/
.float_left{float:left;display:inline}
.float_right{float:right;display:inline}
.float_clear{clear:both;}

/*text alignment*/
.txtCenter{text-align:center;}
.txtRight{text-align:right;}
.txtLeft{text-align:left;}
.txtJustify{text-align:justify;}

/* padding */
.pad_3{padding:3px;}
.pad_5{padding:0.3em}
.pad_10{padding:0.6em}
.pad_14{padding:0.8em}
.pad_15{padding:0.9em}
.pad_20{padding:1.2em}
.pad_25{padding:1.5em}
.pad_30{padding:1.8em;}
.pad_40{padding:2.5em}
.pad_50{padding:3.1em}

.home_pad_offset{padding:1.8em;}

.pad_LR_30{padding:0 1.8em;}
.pad_L_15{padding-left:0.9em}
.pad_R_15{padding-right:0.9em}
.pad_LR_15{padding:0 0.9em;}
.pad_LR_20{padding-left:1.2em;padding-right:1.2em}
.pad_LR_25{padding:0 1.5em;}
.pad_L_30{padding-left:1.8em}
.pad_R_30{padding-right:1.8em}
.pad_TB_30{padding-bottom:1.8em;padding-top:1.8em}
.pad_TB_10{padding-bottom:0.6em;padding-top:0.6em}
.pad_TB_15{padding-bottom:0.9em;padding-top:0.9em}
.pad_TB_20{padding-bottom:1.2em;padding-top:1.2em}
.pad_TB_5{padding:5px 0;}
.pad_TB_6{padding:6px 0;}
.pad_TB_8{padding:8px 0;}

/* margin */
.mrg_B_3{margin-bottom:0.18em;}
.mrg_B_5{margin-bottom:0.3em;}
.mrg_B_10{margin-bottom:0.6em;}
.mrg_B_15{margin-bottom:0.9em;}
.mrg_B_20{margin-bottom:1.2em;}
.mrg_B_25{margin-bottom:1.5em;}
.mrg_B_30{margin-bottom:1.8em;}

.mrg_R_5{margin-right:5px;}
.mrg_R_15{margin-right:0.9em;}
.mrg_R_20{margin-right:20px;}
.mrg_L_15{margin-left:0.9em;}

/*spacer*/
.space5{height:0.3em; display:block;}
.space10{height:0.6em; display:block;}
.space15{height:0.9em; display:block;}
.space20{height:1.2em; display:block;}
.space30{height:1.8em; display:block;}
.space35{height:2.1em; display:block;}
.space40{height:2.5em; display:block;}
.space50{height:3.1em; display:block;}
.space60{height:60px; display:block;}
.space70{height:70px; display:block;}
.space80{height:80px; display:block;}

/* coloumn structure*/
.col_1140{width:1140px;margin:0 auto}
.col_1_2{width:570px; float:left;}
.col_1_3{width:380px; float:left;}
.col_1_4{width:285px; float:left;}
.col_1_5{width:228px; float:left;}
.col_1_6{width:190px; float:left;}
.col_2_3{width:760px; float:left;}
.col_980{width:980px;}
.col_800_center{width:800px;margin:0 auto}
.col_800{width:800px; float:left}
.col_340{width:340px; float:left}

.col_800_right{width:800px; float:right;}
.col_340_right{width:340px; float:right;}
.col_1_2_right{width:570px; float:right;}

/*position*/
.posRelative{position:relative !important }

/*border-radius*/
.border_r_3{border-radius:3px;}
.border_r_4{border-radius:4px;}
.border_r_5{border-radius:5px;}
.border_r_50{border-radius:50%;}
.noBorder{border:none !important }

/*liner*/
.liner{height:1px; background-color:#000; display:block;}

/*text transform*/
.upperCase{text-transform:uppercase}
.capitalize{text-transform:capitalize;}
.txtDecNone{text-decoration:none;}

/* Notification */
.info, .success, .warning, .error {
margin: 10px 0;
padding:12px;
padding-left:36px !important;display:block
}
.info {
	color: #00529B;
	background: #BDE5F8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADZQTFRFc8P4nZebneX4AFLArq+vAFKvVFKbitX4vdXQvcPAveXrinubVK/rAJfec1KbveXeAFKbveX453V20gAAAGFJREFUeNpsz1sSgCAIBdBr2VsL9r/ZBAWnRr7wDPIA/wJDOC8qkR2CPJ6bCBUCGYiAD+oxTwz9n7hWlASaOOQG1kPARjroEAcU2FftodvJFObYAXXT2LZYtu8taXztK8AADX4O+JtO4bcAAAAASUVORK5CYII=) no-repeat 12px center;
}
.success {
	color: #4F8A10;
	background: #DFF2BF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADZQTFRFk9a/quS/z8dVTopVTrWfk4oV3/Kfz/K/vrUVTqGM39Z13/KwqqEV3+SMd4oVd8ewT4oQ3/K/LNM6ZgAAAGlJREFUeNpkj0kSgCAMBEdFATfI/z/rkACWMgeKbioLkF+gZ8hM6mLPlmUy0dgMZFu7yNFTzI3SdWcIjrOx8C0JWBF9UObVqWDj2YmwogiW6DjlIrQpKpemdoOxjn3n1sXG1cfPffIIMACRPQ4toLkA0wAAAABJRU5ErkJggg==) no-repeat 12px center;
}
.warning {
	color: #9F6000;
	background: #FEEFB3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxQTFRFn2Bt8blQxWAAs7mk5KIAn6KV/s1t5O+z/t+D1d+zn2BQ/u+Vxc2zs2AA/u+k8e+z1YYAn4aDn2AA/u+zDcRLqQAAAGVJREFUeNpczksWwBAQRNEK+UuCsv+9hqadSA+0c70BpN+gLmewDTCR9gvOkC2BBpoI7HeB8+gwc2lHhRxE/4SaQIIKkmRYqcCrgNwaRJ+hBH2uBHnRIm/InzrQwnAYIIwQXwEGAMCDEHHdRGNDAAAAAElFTkSuQmCC) no-repeat 12px center;
}
.error {
	color: #D8000C;
	background: #FFBABA url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRF+YhS7FIA/7qr34ir/5tw/7qb2HCb5gAA87q6+Yhw2ABw83AA5pu62ABS7Ku62AAM/7q6SLXTJAAAAFlJREFUeNpsjwsOwCAIQ9l/Tifc/7Sr1Zk41oQEXqCA2EfyC+ZJoaWDqE2pgl6TiK2qdxYEkusEiJwOmU7JZDtKB+0ws1dAUuoXDB3Ow29xd/hL/S+DHgEGAFXKDal4GMKpAAAAAElFTkSuQmCC) no-repeat 12px center;
}

/*========================================================================================================================================
																	BrandXpert CSS
========================================================================================================================================*/

/* Theme Colors */
.themeBgPrime{background:#7489a2;} /* Blue */
.themeBgSec{background:#b8c0b1;} /* Green */

.themeClrPrime{color:#7489a2;}
.themeClrSec{color:#b8c0b1;}

.bgGrey{background:#D0D8DA;}
.bgLightGrey{background:#f6f6f6;}
.bgWhite{ background:#ffffff }

.clrWhite{color:#fff;}
.clrBlack{color:#000;}
.clrLightBlack{color:#3b3b3b;}
.clrGrey{color:#a1a0a0;}
.clrDarkGrey{color:#9aa3a7;}
.bgBlack{background:#000;}


/* Text Style */
.paraTxt{color:#3e3e3e; line-height:1.5;}
.subPara{line-height:1.5; font-size:1.3em;}
.line-ht-3{line-height:1.3;}
.line-ht-5{line-height:1.5;}
.line-ht-8{line-height:1.8;}
.letter-sp-2{letter-spacing:2px;}
.letter-sp-3{letter-spacing:3px;}

.greyLine{background:#ccc; height:1px; width:100%; display:block; margin-top:25px; margin-bottom:25px;}

.dis-tbl{display:table;}
.tbl-cell{display:table-cell; vertical-align:middle;}

.dispBlk{display:block !important;}

.shortLine{display:block; height:3px; width:80px; margin-top:20px; margin-bottom:20px;}


/* Header */
#header{}
.logo{float:left;}
.logoName{margin-left:20px; margin-top:20px; float:left;}
.space3{height:3px; display:block;}
.disp-none{display:none;}
.mobNavLogo{display:none; padding:40px 0 0 20px;}

.hsocIco{width:24px; height:24px; display:inline-block; margin-right:10px; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.hfb{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALtJREFUeNpi/P//PwM1ARMDlQELMYqqq6u9gFQOECtC9fwD4rDW1taLJBsINCwQSK0FYkY0KU5yvVyFxTCKwlAHib0ZiMWAWBSIz5AbhqxI7HvAcHuNTzEjrmQDDDtrICULxEuRfLIdiBdB2XuAhr8hxYWFQByMJuYJxSCgDcRvqJkOn5MahsehdBBSLN8BYlDa+wP07nuSwhApLP8AKWYodyLQoAK6Zr1RA0eCgcQUDsZICfs1IcUAAQYAbWEuBLmvNO8AAAAASUVORK5CYII=) no-repeat center center;}
.hinsta{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAaRJREFUeNqslM8rRFEUx+dpRtRsKI2a2dkoCyPKfyBWkh8hNVmL/CjkraQXNUsyG7HCYiJ7WSkLhSYbmo2UhCxk48fwfG6dN13PjHmv5tanc+9993zfueeeew3btgPlbEF9YJpmDNMEIY/+n3BhWdajM2E4ESKWxExDhc+glKiJaDIviNgo/U0fIk9wLv16aIYORA+daAZ9RnWKc6eC/orMDQW07dWW4Txq9EMxfDpHSFOPBNSuawQ9OB9BWk4+AW3CfqmyeYM96bdCI6yTpzGtrFKyphvO4EoiG3bW6CXygvOIgv49vMO8/ne+fWFmZZiRtQl9TbGaiyhRHF4LfMuCLWv+tGKCtxBji3UFvrXINm/8CG5LflOIhrQchjGrMtwpeZddggPQC5cIHWAroV9FDmuk48RzhCxWOeqDZYjCHExBFczARKnXxi4g+oFZILpFKaEcXDOfK6Jl64LqssdxjuJw5xJW5ZP5p/DjYh90wQ3ogmNE0/IkeWnVoGrxG7bc7+EkZgnCPu/1M4yzk91fgiKq/tjg8Y6rpvKcRSy/ox8BBgAZQIbyLPvpYQAAAABJRU5ErkJggg==) no-repeat center center;}
.hyouTube{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPpJREFUeNpi/P//PwMtARMDjcGoBQNvAQsuierqan4gJQzE3EDMDsSsQMwMlf4LxL+B+CcQfwXit62trR+xmcOInkyBBnMCqY1A7EqiY3cAcQDQop+EgiiKDMNBwAOIw4iJA30cBvwmwhJ9YiwQxqG5GIizgPgZHguEiLGADZcPgOE7HUirAHEpKGKxqOEkxgJGIoKCkZJk+geHWlZgCgMFUQ0QS+JQ84sYCz7i0NwLzQv4wCdigug+Lh8QESL3ibFgBR5f4AMfgHgVwZwMzc0SQMoFiMWAmAupqGBFiidQeP8A4i9A/A6I9wBT2XOiLBgtrkctIAkABBgAucM6M/wDSEwAAAAASUVORK5CYII=) no-repeat center center;}
.htwt{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWJJREFUeNpi/P//PwM1ARMDlQHVDWQhRXF1dTVIvR0QiwLx2dbW1jtIckxA/j8WJIEoILUcKPgfh2FqQGozEKtBhf4DxaYB6UtAbAvEiUD8D9nLs4F4EVAROxbDGIHUOiTDQAAklg3EvUB8A4g14WEI1QBybQwQnwDyzdHMNAJibRwhwQPECkB8BWwLLNkADdkKpLyQFO4HBQEQH4Zq2I7DwPvAYFJCiRSgYcxAahYQGwKxJFTOEYoJgXcYyQZow18gNQ+IxclIKbdxpcMpZKbLg7gMbALifiD+TYJhP4F4LVYDod5+BcSPSTBwLlDfa3xZbwUQcxBp2HMgrsGbl4G2PQBS+kDcAMRP8Bj2DYhDgOrf4zUQmsCVoKleBodhoGBxAxp2DGfhAM2n9dCELYDDIFBkLQTiKvRwQwaMyAUs0GArIOUBxDpALATEP4D4ERCfAuJNQINeEQpYxkFfYgMEGAAlRWkxmbN/FAAAAABJRU5ErkJggg==) no-repeat center center;}
.hfb:hover, .hinsta:hover, .hyouTube:hover, .htwt:hover{-moz-transform:translateY(-5px); -ms-transform:translateY(-5px); -o-transform:translateY(-5px); -webkit-transform:translateY(-5px); transform:translateY(-5px); } 

.mob_clear{clear:both; display:none;}

/*Navigation*/
#topNavPanel{background:#7489a2; width:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
#topNav{list-style:none;float:right}
#topNav li{display:inline; position:relative}
#topNav li a{font-family: 'Open Sans', sans-serif; font-weight:600; display:inline-block; text-decoration:none;color:#fff;font-size:1em;line-height:1.5;padding:10px 15px}
#topNav li a.subNav{background:url(data:data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGxJREFUeNpi/P//PwMlgImBQjAMDcgAYlY86tmganAa4ArEq3AYAtK8Gogd8RkQAcT/sRgC0/wLiKORNTBiSQcgjSuhhoeC1CBpjgTiP4QMQDaEGcrHqhmfATBDVkA1RWPTTMiA0aRMJAAIMAAHEx/a8tmfnQAAAABJRU5ErkJggg==) no-repeat right center;padding-right:23px!important; cursor:pointer;}
#topNav li a:hover{background:#b8c0b1;}

#navBtn{width:34px;height:34px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJdJREFUeNpi/P//P8NAAiaGAQajDhh1wIA7gAWbICMjIyhvfqSyXexA/BOY7QVQ7MJWDkAdQBMAtI+RYAgAQRot7Ab5DcOzoyXhYM0FvNA4o0Ui/EJMLnhPw2yoMCSyYcZoNhzx2ZCbBtmQEZIG/38jJhe8pWE2VBoS2TBrQLMhMASEgNQ/GoXAh9FyYNQBow4YVA4ACDAAqvVQXZTbfVsAAAAASUVORK5CYII=) no-repeat left center;display:none; cursor:pointer; position:absolute; top:60px; right:35px; }

#topNav ul{position:absolute; display:none; top:32px; left:0; padding:5px 0; background-color:#fff !important; border-bottom:3px solid #7489a2; box-shadow:2px 3px 10px rgba(0,0,0,0.4);}
#topNav ul li{display:block; }
#topNav ul li a{font-family: 'Open Sans', sans-serif; font-weight:400; display:inline-block;text-decoration:none;color:#272727;padding:5px 10px; width:180px; font-size:0.9em;}
#topNav ul li a:hover{color:#7489a2 !important; background:transparent !important;}
#topNav li:hover > ul{display:block; z-index:3}

#mobNav{display:none;}
.closeBtn{position:absolute; top:5px; right:25px; font-size:36px; color:#fff; text-decoration:none; display:none;}
#mobNav span{display:block !important;}

/* Banner */
#banner{background:url("../images/banner/banner-1.jpg") no-repeat center center; width:100%; height:600px; background-size:cover;}
.bannerData{position:absolute; top:50%; left:50%; -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background:rgba(255,255,255,0.8); width:55%;}
.box-shadow{box-shadow:0 8px 20px rgba(0,0,0,0.5);}

.width30{width:30%; float:left;}
.width33{width:33.33%; float:left;}
.width40{width:40%; float:left;}
.width50{width:50%; float:left;}
.width60{width:60%; float:left;}
.width70{width:70%; float:left;}
.width70Right{width:70%; float:right;}

/*.hideme{opacity:0; transition:0.3s;}*/

.readMore{text-decoration:none; font-size:1em; color:#3b60af; font-weight:400; display:inline-block; line-height:1.5; border-bottom:1px solid transparent;}
.readMore:hover{border-bottom:1px solid #3b60af;}

.readAnch{text-decoration:none; background:#7489a2; border:2px solid #7489a2; font-size:0.9em; color:#fff; padding:10px 20px; display:inline-block; line-height:1.5; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.readAnch:hover{background-color:transparent; color:#7489a2;}

.readAnchWhite{text-decoration:none; background:transparent; border:2px solid #fff; font-size:0.9em; color:#fff; padding:10px 20px; display:inline-block; line-height:1.5; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.readAnchWhite:hover{background-color:#fff; color:#7489a2;}

/* Services */
.overFlowHidden{overflow:hidden;}

/* About Us */
.bgAbout{position:relative; overflow:hidden; -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; z-index:1; display:inline-block; padding:35px;}
.bgAbout:before{content:""; position:absolute; left:auto; right:0; bottom:5px; z-index:-1; border:12px solid #e4e4e4; background:transparent; width: calc(100% - 95px); height: calc(100% - 95px);}
/*.bgAbout:after{content:'\f00e'; font-size:24px; color:transparent; position:absolute; top:70%; left:50%; transform: translate(-50%,-50%); z-index:5;}*/
.aboutBgPattern{background:#f6f6f6 url("../images/bgPattern.png") no-repeat right bottom; background-size:contain;}

/* Portfolio - Home Page */
.grid-container{
	/*height:100vh;*/
	height:1660px;
	display:grid;
	grid-template-rows: repeat(7, 1fr);
	grid-template-columns: repeat(3, 1fr);
	grid-gap:5px;
	grid-template-areas:
		"one one two"
		"three four two"
		"three five five"
		"six six seven"
		"eight nine seven"
		"eight ten ten"
}
.grid-item{border:1px solid #ccc; }

.item1{
	/*background:#3b60af url("../images/portfolio-1.jpg") no-repeat center center;*/ display:block; width:100%; height:280px; background-size:cover;
	/*grid-row:1 / 3;*/
	-ms-grid-column:1 / 3; grid-column:1 / 3;  
	grid-area: one;
}
/*.item1:hover{filter:grayscale(0);}*/

.item2{
	/*grid-row-start:1;
	grid-row-end:3;*/
	/*grid-column-start:3;
	grid-column-end:4;*/
	-ms-grid-row:1 / 3; grid-row:1 / 3;
	-ms-grid-column:3 / 4; grid-column:3 / 4;
	grid-area: two;
	/*background:#3b60af url("../images/portfolio-2.jpg") no-repeat center center;*/ display:block; width:100%; height:538px; background-size:cover;
	
}

.item3{
	-ms-grid-row:2 / 5; grid-row:2 / 5;
	-ms-grid-column:1 / 2; grid-column:1 / 2;
	grid-area: three;
	/*background:#3b60af url("../images/portfolio-3.jpg") no-repeat center center;*/ display:block; width:100%; height:538px; background-size:cover;
	
}

.item4{
	grid-area: four;
	/*background:#3b60af url("../images/portfolio-4.jpg") no-repeat center center;*/ display:block; width:100%; height:250px;  background-size:cover;
	
}

.item5{
	-ms-grid-row:3 / 5; grid-row:3 / 5;
	-ms-grid-column:2 / 4; grid-column:2 / 4;
	grid-area: five;
	/*background:#3b60af url("../images/portfolio-5.jpg") no-repeat center center;*/ display:block; width:100%; height:280px; background-size:cover;
	
}

.item6{
	/*background:#3b60af url("../images/portfolio-1.jpg") no-repeat center center;*/ display:block; width:100%; height:280px; background-size:cover;
	/*grid-row:1 / 3;*/
	-ms-grid-column:1 / 3; grid-column:1 / 3; 
	-ms-grid-row:4 / 5;  grid-row:4 / 5; 
	grid-area: six;
}
/*.item1:hover{filter:grayscale(0);}*/

.item7{
	/*grid-row-start:1;
	grid-row-end:3;*/
	/*grid-column-start:3;
	grid-column-end:4;*/
	-ms-grid-row:4 / 6; grid-row:4 / 6;
	-ms-grid-column:3 / 4; grid-column:3 / 4;
	grid-area: seven; display:block; width:100%; height:538px; background-size:cover;
	
}

.item8{
	-ms-grid-row:2 / 5; grid-row:5 / 7;
	-ms-grid-column:1 / 2; grid-column:1 / 2;
	grid-area: eight; display:block; width:100%; height:538px; background-size:cover;
	
}

.item9{
	grid-area: nine;display:block; width:100%; height:250px;  background-size:cover;
	
}

.item10{
	-ms-grid-row:6 / 7; grid-row:6 / 7;
	-ms-grid-column:2 / 4; grid-column:2 / 4;
	grid-area: ten;display:block; width:100%; height:280px; background-size:cover;
	
}
.itemOverlay{background:rgba(0,0,0,0.3); height:inherit; position:relative;}
.item1, .item2, .item3, .item4, .item5, .item6, .item7, .item8, .item9, .item10{filter:grayscale(0);  -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out; }
.item1:hover, .item2:hover, .item3:hover, .item4:hover, .item5:hover, .item6:hover, .item7:hover, .item8:hover, .item9:hover, .item10:hover{
	-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);
	box-shadow:5px 10px 25px rgba(0,0,0,0.5), -5px -10px 20px rgba(0,0,0,0.5); filter:grayscale(0); 
	z-index:1;
}

.absProjName{position:absolute; left:50%; top:50%;  -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}



/* Testimonials */
.bgTestimonial{background:url("../images/bgTestimonials.jpg") no-repeat fixed center; background-size:cover; width:100%;}
.bgTestimonialOverlay{background:rgba(0,0,0,0.6);}
.smallRm{text-decoration:none; color:#5ea3f2; font-size:0.9em; display:inline-block; line-height:1.5; border-bottom:1px solid transparent;}
.smallRm:hover{border-bottom:1px solid #5ea3f2;}
.testImg{width:100px; height:100px; border-radius:50%;}
.testPad{padding:40px 130px;}
/* Testimonial Slider */
.unslider{overflow:auto;margin:0;padding:0}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel>li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.unslider ol{display:none;}
.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer; top: 50%;}

.unslider-arrow.next{left:auto;right:0; height:48px; width:48px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZJJREFUeNrsmb1OAkEURhdipa9gQmViqTGhMCHEisTCF6DwJRAl8WcJhYD6BPIIVGoDnTGUJsbeCmorbV2+IRQUhOww9869G2eSk8lmB/jOsrNzJ5tLkiTKcstHGW9BIAj8d4EN1y8YvD6Zrgi64ABMwAPopfl8pXwiK4B2BF7A5vx4FzyCArhSfQvh6u+he14Iv9guQUv7HGiDrRXn2SVcBfZTjGGVcBUYpxzHJkFxC0WSEk4CeAT20Z1JSlAsZPegLiVBtRLfSUlQlhJG4ty3BHUt1LWVwGLY0iTgXYKrGjUSFz4kOMvpjg8J7v3AOhLX2jY0RqJhMf4GEjvadmRtCwmT6TDrW8pEm4CZB7cpx/6BkSYBm/CziYwi8UuLgG34JsLbjGcVWCd8rGUd8BKeS8BbeA4Br+GpBazDg9j1R/NZDk8lIBbeWQBFV1UyPMU/UJMMTyGwLRmeQuBdMjyFgJnAP1LhnQWwCH2gOwa/S07H3OGpHqNvoASG4Bt8gtP51WdvufCmPggEgSAg2qYCDACnUWoM7ZgAWAAAAABJRU5ErkJggg==); }
.unslider-arrow.prev{left:0;right: auto; height:48px; width:48px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZJJREFUeNrsmb1OAkEURhdipa9gQmViqTGhMCHEisTCF6DwJRAl8WcJhYD6BPIIVGoDnTGUJsbeCmorbV2+IRQUhOww9869G2eSk8lmB/jOsrNzJ5tLkiTKcstHGW9BIAj8d4EN1y8YvD6Zrgi64ABMwAPopfl8pXwiK4B2BF7A5vx4FzyCArhSfQvh6u+he14Iv9guQUv7HGiDrRXn2SVcBfZTjGGVcBUYpxzHJkFxC0WSEk4CeAT20Z1JSlAsZPegLiVBtRLfSUlQlhJG4ty3BHUt1LWVwGLY0iTgXYKrGjUSFz4kOMvpjg8J7v3AOhLX2jY0RqJhMf4GEjvadmRtCwmT6TDrW8pEm4CZB7cpx/6BkSYBm/CziYwi8UuLgG34JsLbjGcVWCd8rGUd8BKeS8BbeA4Br+GpBazDg9j1R/NZDk8lIBbeWQBFV1UyPMU/UJMMTyGwLRmeQuBdMjyFgJnAP1LhnQWwCH2gOwa/S07H3OGpHqNvoASG4Bt8gtP51WdvufCmPggEgSAg2qYCDACnUWoM7ZgAWAAAAABJRU5ErkJggg==);
		-moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }

/* Expertise */
.expInfo{width:700px; background:#fff; box-shadow:8px 15px 25px rgba(0,0,0,0.3);}
.absBox{position:absolute; bottom:-100px; left:-35%;}
.slideContainer{width:400px; box-shadow:5px 5px 40px rgba(0,0,0,0.5), -7px -3px 50px rgba(0,0,0,0.3);}
.bgExpImg{background:url("../images/vora-architects-expertise.jpg") no-repeat center center; width:100%; height:450px; background-size:cover;}
.outof100{background-color:#f3f3f3;height:6px;width:100%; position:relative;}
.percent{background-color:#7489a2;height:6px; position:absolute; left:0; bottom:0;}
.percentTxt{line-height:1.5;font-size:1.2em;margin-bottom:0.4em}
.expSpace{height:150px; display:block;}

/* Enquiry */
.bgEnq{background:url("../images/bgEnquiry.jpg") no-repeat fixed center; width:100%; background-size:cover;}
.bgEnqOverlay{background:rgba(0,0,0,0.5);}
/* Abs Quick Boxes */
.enqAbsBox{position:absolute; left:0; right:0; top:-100px; width:100%; display:block; margin:0 auto;}
.enqBoxInfo{background:#fff; box-shadow:0 8px 20px rgba(0,0,0,0.3);}

.absSpacer{height:120px; display:block;}
.absSpacer1{height:180px; display:block;}

/* Footer */
.clr555{color:#555;}
.footer{background:#1d1d1d;}
.footer span, .copyRight span{display:block; color:#a1a0a0;}
.footerCaption{font-size:1.4em; line-height:1.5; color:#fff;}
.footerNav{list-style:none}
.footerNav li{}
.footerNav li a{text-decoration:none;display:inline-block;padding:0.2em 0;color:#a1a0a0;font-size:0.9em; line-height:1.3; font-weight:400;}
.footerNav li a:hover{color:#b8c0b1;}
.intellect{text-decoration:none; color:#a1a0a0; font-weight:600;}
.intellect:hover{color:#b8c0b1;}
.copyRight{background:#111111;}

.footerLine{background:#61696c; width:100%; height:1px; display:block;}
.fLine{position:relative; background:#61696c; width:90%; height:1px; display:block;}
.fAbsLine{position:absolute; left:0; top:-1px; background:#b8c0b1; width:70px; height:2px; display:block;}

.socialIco{width:48px; height:48px; display:inline-block; margin-right:5px;}
.foo_fb{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2VJREFUeNrsmk1oE1EQxzd+pdqmighCPfSgmIMKgtZPhFIaL1LQkzcR9WBbUFroyVIqjQhVD2Lx1ktziZKW4kELJSBaDepFBDGHXgSjCH7U0kpRbPofMoG4eWuyO293s+DAj12ym7fz3/fmvXmThPL5vBFkW2UE3NZIG7gWj6s+DoEGEAFhsAjmwZL5xiv9/f4KYGsE7aANtIAo2Ki47wPIghmQBhnwR/LgkCQG8PaP4NANToH1DprIgQQYQU/kPBMAx/fhcBO0aurBX2AUDEDIF9cEwPENOAyDLh7nuu0b6IGIMe0C4PxOHMbBbg8mFxLQCSE/tQiA8wdxeAg2ezhDPgMdEPFdJICdpxmj3odp/jXFGUT8cLSQwfkov3k/nCfbCybhxzrbAjhgUx4PG5XRTHfdSQ8MawrYT2AK3Af3mLTNNnrxQmNVxwBu3o/DS+FU+RFcYOfNDznEq7AdmwV7EA9L1fTADaHzv8Fx8EjhvFPbAS5WHEKcHkhX2Anw1oV46IN/4UrJXLeGBz1RfLYFHAarOdlzYk3gJMdRuQCoa+TETGqfLXrlmIa2z5QKMA+hdodZpdlUKfJWTcMoxlO8UkBbAHZ/a8FRqxhoETRMy/1ZPn+huN5VsqLvAnHBs8jP6b8EoFtCguAyeLs4+Y/r06a3KLGoqlsbLLaBbliT8PvNKgERD/ObbcLvR1QxEBY2ugkk+fwWeGW6frtkJjogfFadSsCisFF6Aaf5PKkQcAJs19SDC6ohNG8Ex+bKBHCWlwuIgFmrxeVdQARkrQTMBETAUysB6QA4/xW8sRKQCUAcpBCvy0oBuEBZZKLGBYxVyhBHjEKtshbtuXkvXSaAq8SjNSpgCP7lq8nRB4xCobWW7AGcn6pqk8El7h7Bw5K83JciSSNor3HJ7i4pYQ4Ym3lRvQmJncNLfW9LAI+1TqNQJfbTrsKXCUf7VK7PdxiFKrEfdocEiDbaXJ9vBY89dn4QXDbPOmaz8wsNlbipStzrsuMUsOfh+Hg1N9v+kY+rxHeNQq1S+1RJs41VwGoRwCJoS0eF1j4NG/TiCjukmuddEVAihKZLqlVSuS9ms1xCWWWKp+pMpbHuigAWUTylch9VzIq/1Ddz9aCOF7I53kllOZ+nlHhZ+leD0P9/q/hsKwIMAKCS/ug9F0GdAAAAAElFTkSuQmCC') no-repeat center center; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.foo_insta{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABNVJREFUeNrsWgdolEkU3tXEWC8WVKw5C4kgKGqO2NAoiGLvZz2RAwuo5EQUGwhGUYQ7FSGo2I2KvWuEs2M7LIfmzniHHTWiYlc0Zv0efos/y/4zk382uwZ88DG77Pxv3jfz5r03868/EAj4SrKU8pVw+U4g1hJnq2BeZqbz649AMyAZqAFUBGSTvQYeAXnAFeBB8IGZs2bFlgCkDTAC6E4CJnID2A9sICHP4vcShTDrfjSDgBlAc8sJOAPMx0ociAoBGN8CTRaQFmF3/hOYACLXi4UAZ30qkBkh1wsn74EMkFgeUQIwPgHNRmBglILLKmAsiHyyJgDjy3HDdY5yhNwjEwYSBZ7zAIwvjWZLDIwX6SMrQdf1nMjmAb1jmKd+AaZ4ciEw74ImR/rEONmKC7WHK503JgDjy6LJBRoaDHAE2Av8D7wwNKoy0BIYCTQx6P830CrcpnYLhxkGxt8HfmYi8iKHgQXAJGCRJjRLsvwVWKFdAcx+eTS3geoKhc+AVMzILfRPwucxnNFyBobLgPmMbJtlVqFDfH2d5rlbUmOFRqVwrIdqjBeZTuPTaUgFDysgqzcaOrpD13q0g/G9h6J/A6AXsEsXhUZpBn4DrMWAcZy1ohp/GqgJdAXSHVEmy+DZkcowCqOqyY7XKDmHGfvAWqi+Sx/ZbGeBbM7YfcdvUrQ95ubPZ6gMEtNJN9hYRrUCnQzCZrCWT3L5fRsDQFuW2f1JtB+JjGclOx+oBTSWZIVJecFaSCWyx1qr9kCqwSx8ULjfH8Bkfq4roY+hVSLVblk94BSwNWQSSzPefzIYX2w86bYCKRYJ5yL92c/weIdGH+MBJpWnsiGMRF4lWeVCdSwU/w4U0kWmhehOou8nkmiOxTh1VAQqWSg+wXa8y+81uA9EjlqMU1FFIN5C8XO2tRV96joSYUTO8aEEXkdgaf9R9MkNIeJFXqkIPLVQHMyic1026WVmbZ8m4+rkmYrAfxaKp7DKlAQ1gLVLMKltlyQEfOQ++MlinBsqArkWisX3d3CTSfZtxJLhByaux8zeayzPB9dUBE4YKCgVktCc0pmuIrG+LI1+y0JsIRNQYsgzhY4EprvtCDiTWLgHrgIPmeJVM63arI2lTKa7SNlRXlPd5qGMCKCckD4JGgKX0PeJ6wqIIjSbNErSMFg8+l5jweYm8UxgutJ8pWP1dJJtcqhfpUn1slGH8fNw4LqFP68GlvDzJINLr2zTM/FOR9YMJ7KMaViFm7Ia7NuamVxXzRbStQ4CF+R2GjoyWAiqZBn6TjQl0NT35dY4TlNWywoct1gBIT8dmKMhLsmrCQg8KMq1yiLdnYwjcu1nfH5r0F8MrcrqVI6V9Qye+Q3GL9bWFSEyG+ji01+fdySKS+TWemmRL7a4Csk8hFSJ0aXWPcnamP18T1eLeFDcoifwLgbGS83TVWW8lgBJnOENwvMoGi+bNR1j/2taFuhInOJtRV4UjP8LaIMxr5p0Nn7NCoW5jBwrLc+0blLAeqkdxrpr+pDXl3zyZlLCbLsIGX8ImMrypEjit/mvBIh0QDMO6Oszuxd1ykveIWXB8ItebfDb/tmDL7or8ZownXkjhUVcgqOOeej7+qL7GMvi99/Ci+5gqt9HOKUMa5+C4trx/pL+d5vPAgwAhI18vTi5HwsAAAAASUVORK5CYII=') no-repeat center center; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.foo_youTube{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABPtJREFUeNrsWm9olVUYv3dz3jnv/jgVcxR3RSiIY5oupfqgtkFCo6zUQWpgBJpoTBAS/zBrsbDSgRF9WJGO6kNORChHOhD8M1kK4hdHjtbAWYmrtTZd07vb78HfhXd35973nPc9dxehB36ce+/ee87znPM8z/k9z10wFosFHmbJCjzkMsnvBB/U16s+DgJhIB8IAUPAADCc+OCu3bszawClAKgEVgAVwFygUPHcDaATOAe0Ae1A1M/CQT8xgN1/BsMWYBUwxcMUvUAz8ClOonfCDIDiizB8DCyzdIIjwBfAXhhyO20GQPE8DPuBt+nntuVPoBZGHLFuAJSfg6EFmD8ByUUM2AxD7lgxAMovwfADUDyBGfI8UA0j/vJlAJWXjDE1A2n+isQZjPjb00UG5edy5zOhvMgC4Dj0mGxsAAP2qIbbXAR2ALf4/kNmFFsima7Bywns1wzYacAnwElmkV0cbcp2bGiVdgzg4cUYOgxSpRhaDrwCrAZ+ASLAVSDbsRH/ADnEIKmGLh/rAsoQD8M6J/CRYZ5/DThNPAWUAi/Th8uAt/jc08BOul0RcM1gjSeBTa4uRHpgesO+yhho5glI6jshFEGmBL4ERi240g7oF3I7gS0eJi4jgbtDA+LKhknq5L2NwqOEJ6s2ANYVkJh5kaWkzk+kObVuSHUClR5ZZSBN3EglVUzxSgNWWFokRIN6gG5gsmOtX4HvfMwtGezZZAZU+Jg4lz4f9/1aoA44CLxLg+YBp1idhX2UtBXj7gEcS5DZo9AyPc5iygwwkKMWKsEjuA/eSCwpw5aVDyhoSNBSGRtR1cT5PiYUtvg7d3yARfy/wD3uehZ9d4pjo2YAsxkvppKvMsB0osvAHlKOPh9tHdnN54EDBpuYqwriIcPFt8IPT/pQXmQUc3QDTXj9ucH3BlUGDBhMIDduBwJ/IcamBGQrnm8kD0olZwzW7x9nAFmebmujC89Hqawc5xrgOefRJsg6jRu608CArmT3gC47/I1GX6JyN4FWvhbW+AIgt2WNw69nk5UWc931wkxxio8759SUzmQGnDM9QoWsZFUmin4LzOLna3mx1bGCE8r+Egsh2Yy7zFo6cjaZAW2aEwx7CNhGKlvCm/R74D1hsTiFSQbz9rFQUhrQrhkHNrraG1kzRA3nPYrTGlV+gYHZrDGJjS7FYV5qUr1FSWXyNJteKS2WKmrEZZIZGhdNmYJF5vD1CJV9kew0yJhxo+QX6CXJDWCX2K0t8liKv/WyOtuu6HK8DvwEfMPK6msJdLpERGP338ezYyq7ZMRqL7NGsp5QKY68CJP1O7oS8YmllzSdzDabPv4Iy8pCZrAYN0HeX+f3yl2UP4H1WrWCkS3uWpfqq8bx/r4jGGMkdTF+Hh9HaVTc0D+Anx07WuNCFrdp94Uc9cFXiTWoQ6Jso3SwDyQX0W32foRX3aWvx/l/iH4/lfXBTOBRuttyRcyM6XrA0GNGBjjaiz86S7gMyD4oX+cpn7M/Xx140CXOhBwSA3xdSOzPLzNkizZEdv2dxKxj5EIJ7iSdhQZFerQtErBvQvEWrV6O6Y987BJ/RtZpW4RabIPyPdrNKI+/UspNu4msssSC4hd4SbUad9N8/k4c4o0qqbbKQRV0pI+XnnCbdjdfT4sBNCL+Mo/pNv5LfYTFTC5r2H5WUp3k81dZE/taP/j/f6tkWP4TYACG64KFCSqSHgAAAABJRU5ErkJggg==') no-repeat center center; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.foo_twt{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAVJREFUeNrsmltIFGEUx2e9rGlpZEURmUlpPURRWXRRoYIeDGsrarHHXnqQqKzQzKDLCt3pYi+9FARFkKW+xBoVPlQg0Y0oREXqISoKWrUgrd3+hw4xzM7Mft83u7MrdODHoDvzzfl/l/Od8+16IpGINpotTRvlluG0gaZAwOqjHJAHssEgCIER400HGxuTK4AtHSwDPrASlICJJve9B92gA7SBHqcv9jhZA+j9hbjUgPVgskITb8BtcBEj8dk1AXC8CBeaO9viNIJD4CQ4CyHfEyYAjnvZ8V3Am4A1+RHUQsSNuAuA8zRFWkC5C8HlNKiHkN9xEQDn5+PSDgpdjJB3QTVEhBwJYOcfgXFJCPPPQIXdukgTmDbtSXKebBG4Aj880gJ4wba4PG3MbAs4pDICAZcWrIgdQYeuEV4DuHkm75heLXXsOSjFegiLjMDRFHOejHZ9f8wR4Kjzgj5LgBOU1PVykjdL4fl+MBejMGw3AjUSzr8WvO8n796TOLLM5msn776URjwRaIdSmErLKYTep783SPTIbrADxNoxKWe6AIYNc3o1mA7ugcUgLPBOn90aoJR4ioQAWuiXwTrwzeKeTs44zSzM6QKl2TsFC6wqdHSGlQCf5Jwcz9cgmEObjkkvPhRoZwZoFnxnvj68GwWUSQrQTzfK57eDAnCApwXlMQMC7ZDzmRLvtRRQIilgHyg2/O8DOA7WggngUox0JZMXtYwVRwlAQzkWZaCdlcXo4Yhh4ZpZIZekMlZgNgJ5CnG5AnxyuDcsUXgm10xAtkJDDRzbnViVwjNjzAQMKjREQ/mYw6+m2JOVijV0lICQohM/+Jql8GytLhTL2ECUAGwoI7yhyNoCMI3TBdlIsl+x0/qswmi3YoN0itAkUbnRHL4Oxiq+r9tKQFCxQS8v6AcCoTiLK71SBws/aCWgTbIhmjZvwR2wEawAX23un8qnDZUOnO/hd0YLwDrolUiR33EmSmtgE2gFvyzuzePM9SVY5TDstsLPf0WM2eEuDe88gYZoB70KjoFrfATyiqNSOqcRS8FysFlxo9Qs/NPsBDRzeMuV2AsaXCor74Mu25oYw/MFlxNaalq9fvrYFfXnuNRLJbsJ558KnQvxUV5tCjkf4hpD/GCLj7jPpIDzVOFthT/9UgLY6jhuJ9P2wvkOqw9tBXDBXc0hMhlG1dx5uxtingLw+TwVLrdcnjZ76KTCGHWMJvMNDYmlU+LDLixYPxwXysukv+TjU+JT2t+zyriHSoo2Vgs2LgJ0o+HnFLooDo5TFltnFucTIkAnxMuZpY9r23yJx3s5i6XcpivWXE+IABahz6vKmWLOkXK5eBniMrCPi5Egp8QRpz818Pz/tUqS7Y8AAwB7XCOzBNBWugAAAABJRU5ErkJggg==') no-repeat center center; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.foo_fb:hover, .foo_insta:hover, .foo_youTube:hover, .foo_twt:hover{-moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); -webkit-transform:translateY(-10px); transform:translateY(-10px);}

/* Contact Info - Home */
.addr{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWFJREFUeNpi/P//PwMtARMDjQELIQWtLS3SQCoXiH2AWAUqfBuItwDx5Oqammf49DPiCyKg4dFAaiYQc+NQ8gWIU4GWrCDZAqjhi0FqCHgSZEAULkuwWgANlpt4XI4OPgOxGtCSF8RGci4Ww18D8UQgngTEb9DkeKF6iE5FPlgMNwS6sACI80FsLJb4kGKBChp/GdDgpzAOkP0ESC1HU6NGigX/0OOKiHj4R4oFt9H4UcCIl0FKBHIgMQJ68Ga0fUCsh8QXAeLzQINhwQIyXBiLHqItWAbEBWhiIrhSCpIe4oIIGImngdRJEoqcE0A9Z0gt7BpJsKCR3LJoN5ByIWD4bqDr3cgtrkFh/hOP/E8C8YLfAqDLbhAIqgagmpuUVjhdQHwEi/hhqBwD2fUBUlzIgvIBUtoHlUNGQNc/pkqVCTUoEoj/QnEkMYYT7QMkn+SBKhig4ZOJ1cM45FsVAAEGAAUvemxLd/b/AAAAAElFTkSuQmCC') no-repeat top left; display:block; padding-left:34px; }
.email{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAr9JREFUeNq0lUlI1FEcx0etdKJ1lMqcFrDFwEPQoS7tREEb0SHKKEXoWCpChwY8NEFBQZfqlKeKFooORVIQURkEgW3MKNMUto3RopklWTJ9fvAdeE3/dHTqwWd+zPu/99vfeznJZNL3P8eIoSw+EA6PRoyHH/tCoQ+Z7MkZLAKUFiG2wGqYAfm2D/ogChcxdm5YBlC+DRGCeWAet8N3yIOxMAdMwX3YiaHnGRtAeSNiB8TgMtyFV/ACxkExlMAeWAwdsAwj8UENoPwMYivcgv1sujlAlAHEEahQhGWs7/9rkdlQo5zfgV0sjjnfgkqL0QlPwTyuUX2WwyGo94wABRMREfhqm1B+RfMFiBOwAqapyDZ64TZshiVwQVEsTXVZbloADTDFiuYoN6OPoRJ+Km1Wn0fgt65irTn0TPUqVW18vxmQl6ugC05rzjxthtlSvM7WoLAa+UlbI5Lv4LPauPwPA4ypCt+8eKO5sFr0CdShOGoFxHAh/wNa88B+mO9GdGsu4GVgrnr7C7xFiYW/Ud8uoaDFWTsJChVFVNHmO4o7vAzMkuxD2XtkUL1uB6slrVablOfXOhs+XSFjFEXcy0CqnQrwZqS89KtTEk6tpiPWqJNMWarnVyoLluJWr3PQ6swV62roVG0qUBxRCo7CfEVmjvTyzTpvt/43koFvXhGYgY9KzWQWtam4Ph28q2CtuwFOam2pWta+LYKz7Dvu5tI1kNDJnKlrwsZ6HSRL1ULl2bqpFnlYaVoLE+y6YH77gJcdoZp353Wh1bKhSWdhQSpK5nrS6mHEmU9kdF07F909OwdsvJbNi+ZlwNJ2XV0RU35v6PC9dNrRcm7vRRVOtA/5wcHQQdusdu2ScnvFRinnQbXwXgwcG+6LVoaolrdFuuxy1f8P4RTKm7N6kx1jfl0PdqH1oDj5Tx79bMcvAQYAb7oS6VhT/VwAAAAASUVORK5CYII=') no-repeat top left; display:block; padding-left:34px; color:#a1a0a0;}
.call{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNpi/P//PwMtARMDjQELukBLSwsbkPIC4sM1NTVvqeoDoOESQOoEEK8H4lNAvjy1g2geEBtC2UpAfBBoiSIlFjDCIhlokCSQegoSQ1PzCIgdgcF1j1IfaGExHATkgHgVNYKID4+6m9Sw4DkONWeAOI0aFpwH4i9Y1IQDw/8rxRYADfkJpJZhUZNMzWTaDsQ/0MRKgSnMhCoWAH3xAEg1oalhBeI1QEvEqFUWdQLxHjQxUI7eTY4ljNhKU6BBgkDqGBBroEmBfBgF9OlxqDp+ILUAiKWBOBgo/pgoC6CaZUFFBRCjFxX/gHgWEM8A4iVArAMVB+V0B3RLGPHVB9By6BAQyxAZIneA2B5oyTOi6gOgwvsgDVDXEQNUgHgv0GF8RFc40ELOElQ/EGmJBlQ98TUa0JJXQMoJiBuB+BcB5ceRUyEjqXUy0PugYKgE4ggg5kKSAhm0GZTzgQ56Q7YFSBZxAikjIAbVIx+B+DLQ4BdEJ9Mh06oACDAAmgJ6xLb2yHUAAAAASUVORK5CYII=') no-repeat top left; display:block; padding-left:34px; color:#a1a0a0;}
.breakWord{-ms-word-wrap:break-word; word-wrap:break-word;}

/*Page Header Classes*/
.pg_TB_pad{padding:10em 0;}
.headerOverlay{background:rgba(0,0,0,0.5); display:block;}
.pgHeader1{background:url("../images/page-headers/page-header-1.jpg") no-repeat center center; background-size:cover;}
.pgHeader2{background:url("../images/page-headers/page-header-2.jpg") no-repeat center center; background-size:cover;}
.pgHeader3{background:url("../images/page-headers/page-header-3.jpg") no-repeat center center; background-size:cover;}
.pgHeader4{background:url("../images/page-headers/page-header-4.jpg") no-repeat center center; background-size:cover;}
.pgHeader5{background:url("../images/page-headers/page-header-5.jpg") no-repeat center center; background-size:cover;}


/* Page Header Styles */
.pageH1{font-size:3.2em; line-height:1.3;}
.pageH2{font-size:2.1em; line-height:1.5;}
.pageH3{font-size:1.7em; line-height:1.5;}
.pageH4{font-size:1.4em; line-height:1.5;}

/* Bread Crumbs */
.bCrumb{list-style:none;display:inline;font-size:1em; float:left;}
.bCrumb li{display:inline;margin-right:0.6em;color:#fff; float:left; font-weight:300;} 
.bCrumb li a{text-decoration:none;font-size:1em; font-weight:600; color:#b8c0b1;}
.bCrumb li a:hover{border-bottom:2px solid #b8c0b1; }


/* About Us */
.aboutImg{float:left; margin-right:30px; margin-bottom:20px; width:50%;}

#aboutUs .box:hover .content .paraTxt{color:#fff !important}
#aboutUs .box{position:relative; cursor:default; background:#fff; text-align:center; box-shadow:0 5px 15px rgba(0,0,0,0.1); border-radius:4px; padding:40px; overflow:hidden;}
#aboutUs .box:before{content:''; width:50%; height:100%; position:absolute; left:0; top:0; background:rgba(255,255,255,0.1); z-index:2; pointer-events:none;}
#aboutUs .box .icon{position:relative; width:120px; height:120px; color:#fff; background:#000; border-radius:50%; display:block; margin:0 auto; display:flex; justify-content:center; align-items:center; font-size:20px; padding:10px; font-weight:700; transition:1s;}

#aboutUs .box .content{position:relative; z-index:1; transition:0.5s;}
#aboutUs .box:hover .content{color:#fff; }


#aboutUs .content span{display:block;}

#aboutUs .box .rm{text-decoration:none; background:#fff; border-radius:3px; color:#000; font-size:1em; display:inline-block; padding:10px 15px; box-shadow:0 2px 5px rgba(0,0,0,0.1);}

#aboutUs .col_1_2:nth-child(even) .box .icon{box-shadow:0 0 0 0 #7489a2; background:#7489a2;}
#aboutUs .col_1_2:nth-child(even):hover .box .icon{box-shadow:0 0 0 450px #7489a2;}

#aboutUs .col_1_2:nth-child(odd) .box .icon{box-shadow:0 0 0 0 #b8c0b1; background:#b8c0b1;}
#aboutUs .col_1_2:nth-child(odd):hover .box .icon{box-shadow:0 0 0 450px #b8c0b1;}


/*Form Controls*/
.w100{width:100%;}
.labelCap{ font-weight:600; padding:5px 15px 5px 0; display:block; margin-bottom:0.3em }
.subNotice{font-size:0.8em; color:#999999; font-style:italic; margin-bottom:15px; display:block}
.textBox{padding:0.5em; display:block; border:1px solid #ccc; resize:none; width:97%;  }
.textBox:focus{outline:none; border:1px solid #7489a2;}
.cmbBox{padding:0.5em; border:1px solid #cccccc; display:block; resize:none; width:98%}
.cmbBox:focus{outline:none; border:1px solid #7489a2;}
.w50{width:50%}
.w20{width:20%}
.w80{width:80%}
.w90{width:90%}
.w95{width:95%}
.w98{width:98%}
.w70{width:70%; margin:0 auto;}
.app_r_padding{padding-right:1.8em}
.chkList{width:100%}
.chkList input{padding:8px; margin-bottom:10px; display:inline-block;}
.buttonForm{background-color:#7489a2; color:#fff; font-size:1em; border-radius:3px; padding:10px 18px; cursor:pointer; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease;}
.buttonForm:hover{background:#000;}
input[type="text"]:disabled {background: #fff;}

/* Contact Us */
#map-canvas {width:100%; height:400px; margin:0; padding:0;}
.conIco{padding-left:40px; line-height:1.5; font-size:1em; color:#404041; font-weight:400; line-height:1.9;}
.home{background:url("../images/icons/home.png") no-repeat top left; display:block;}
.conMail{background:url("../images/icons/conMail.png") no-repeat top left; display:block;}
.conCall{background:url("../images/icons/conCall.png") no-repeat top left; display:block;}

.conLine{width:100%; display:block; height:1px; background:#c6c6c6; position:relative; margin-top:10px; margin-bottom:15px;}
.conClrLine{background:#7489a2; height:2px; position:absolute; left:0; bottom:0;}

.conTxtBox{padding:0.8em; display:block; resize:none; width:92%; border:none; padding-left:45px; transition:all 0.7s ease;  border-bottom:1px solid #7A6F61;}
.conTxtBox:focus{outline:none; border-bottom:1px solid #7489a2;}

.userName{background:url("../images/icons/conUser.png") no-repeat 10px center; }
.userName:focus{background:#fff url("../images/icons/conUser.png") no-repeat 10px center; }
.conEmail{background:url("../images/icons/conEmail.png") no-repeat 10px center; }
.conEmail:focus{background:#fff url("../images/icons/conEmail.png") no-repeat 10px center;}
.conMob{background:url("../images/icons/conMobile.png") no-repeat 10px center; }
.conMob:focus{background:#fff url("../images/icons/conMobile.png") no-repeat 10px center;}
.conDesc{background:url("../images/icons/conDesc.png") no-repeat 10px 10px; }
.conDesc:focus{background:#fff url("../images/icons/conDesc.png") no-repeat 10px 10px;}

.conShadow{box-shadow:0 0 15px rgba(0,0,0,0.1);}


/* Projects */
/*#portfolio .col_1_3{overflow:hidden;}*/
.projBox{border:1px solid #ccc; filter:grayscale(0); height:212px; overflow:hidden; }
.projBox img{-webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out;}
.col_1_3:hover .projBox{filter:grayscale(0);}
.col_1_3:hover .projBox img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.col_1_3:hover h4{color:#7489a2;}

.imgBorder{border:1px solid #ccc; height:200px; overflow:hidden;}
.imgBorder:hover{border:1px solid #7489a2;}

/* Unordered Lists */
.basicList{list-style:none}
.basicList li{display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKCAYAAAB8OZQwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFtJREFUeNpi+v//PwM6ZmLAAhitE9YLA+kGILYG4iMgNguQSATiLCAG6dID4ocgRilUAASYQXysZoIEu4D4L5QPojtBZs4HYnkgtgHiw0C8kBHkLmzaMQBAgAEA95odl2YgFFUAAAAASUVORK5CYII=) no-repeat left 7px;line-height:1.5;font-size:1em;color:#484848;padding-left:15px;padding-bottom:5px}

.basicList ul{margin-left:20px;}
.basicList ul ul{margin-left:30px;}


.basicOrderList{padding-left:20px;}
.basicOrderList li{padding-bottom:8px; line-height:1.5;}


.absTopArrow{position:fixed; bottom:15px; right:20px; z-index:55;}
.fixedArrow{background:url("../images/icons/topIco.png") no-repeat center center; display:block; height:48px; width:48px;}
.topArrowIco{}

/* page sidebar */
.sideBlueBase{background-color:#e9eced;text-align:center}
.sideTitle{color:#191c1f;line-height:1.5;}
.sideIntro{color:#4d4e53;line-height:1.3;font-size:1em}
.sideAnch{background-color:#3b60af;color:#fff;text-align:center; display:inline-block; padding:0.8em 1.7em;text-decoration:none;line-height:1.3;margin:0 auto; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.sideAnch:hover{background-color:#404041;}



/*================================================== Media Queries ==================================================*/

@media screen and (max-width: 1950px)
{
	
}
@media screen and (max-width: 1600px)
{
	
}
@media screen and (max-width: 1440px)
{
	
}
@media screen and (max-width: 1200px)
{
	.email{-ms-word-wrap:break-word; word-wrap:break-word;}
	.col_1140{width:95%}
	.col_1_2, .col_1_2_right{width:50%}
	.col_1_3{width:33%}
	.col_2_3{width:67%}
	.col_1_4{width:25%}
	.col_1_5{width:20%}
	.col_1_6{width:16.5%}
	.col_800, .width855{ width:70%}
	.col_340, .width285{ width:30%}

	.col_800_right{width:70%;}
	.col_340_right{width:30%;}

	
}
@media screen and (max-width: 1140px)
{
	.col_1140{width:95%}
	.col_1_2, .col_1_2_right{width:50%}
	.col_1_3{width:33%}
	.col_2_3{width:67%}
	.col_1_4{width:25%}
	.col_1_5{width:20%}
	.col_1_6{width:16.5%}
	.col_800, .width855{width:70%}
	.col_340, .width285{width:30%}

	.col_800_right{width:70%;}
	.col_340_right{width:30%;}

	#navBtn, #mobNav{display:block;}
	.mobNavLogo{display:block;}

	#topNavPanel{position:fixed; text-align:center; top:0; right:0; width:0; height:100%; z-index:1111; background:rgba(0,0,0,0.9); overflow-x:hidden;  overflow-y:scroll;}
	#topNav{list-style:none; float:none !important;}
	#topNav li{display:block; text-align:center !important;}
	#topNav li a{position:relative; text-decoration:none; background:transparent; display:inline-block; border:none !important; font-weight:700; color:transparent; -webkit-text-stroke:1px #fff; font-size:3.5em; line-height:1.2; padding:0;}
	#topNav li a:before{content:attr(data-text); position:absolute; top:0; left:0; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
	#topNav li a:hover{color:#fff; -webkit-text-stroke:1px #000; background:transparent !important; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
	#topNav li a:hover:before{color:#b8c0b1; z-index:1; -webkit-text-stroke:1px #000; -moz-transform:translate(10px, -10px); -ms-transform:translate(10px, -10px); -o-transform:translate(10px, -10px); -webkit-transform:translate(10px, -10px); transform:translate(10px, -10px);}
	/*#topNav li a:hover:after{color:#7489a2; z-index:2; -webkit-text-stroke:1px #000; transform:translate(20px, -20px);}*/
	#topNav li a.subNav, #topNav li a.subNavRight{background:none;}
	
	#topNav ul{position:relative; top:0; left:0; display:block; padding:5px 0 !important; background:transparent !important; border:none !important; box-shadow:none !important;}
	#topNav ul li{border:none !important; background:transparent !important; text-align:center;}
	#topNav ul li a{display:inline-block !important; padding:3px; font-size:2em; width:400px; line-height:1.3; color:#fff !important;background:transparent; font-weight:400 !important; }
	#topNav ul li a:hover{background:transparent !important; color:#b8c0b1 !important;}

	
	
	/*#nav .space10, #nav .space30{height:0px;}*/
	.closeBtn{display:block;}

	#banner{height:475px;}
}
@media screen and (max-width: 1024px)
{
	.col_980{width:100%;}
	#banner{height:427px;}

	.chaos-modal-box iframe{width:720px; height:570px;}
}
@media screen and (max-width: 920px)
{   
	.col_800, .width855{width:100%; float:none }
	.col_340, .width285{width:50%; float:none;}
	.col_800_center{width:100%;}
	
	.col_800_right{width:100%; float:none; margin-top:15px;}
	.col_340_right{width:100%; float:none; }
	.col_340_right .space15{height:0 !important;}
	
	.col_340_right .pad_L_30{padding:0 15px 15px 15px !important;}
	.pad_L_30{padding-left:0; margin-top:30px;}
	
	.footer .col_1_4{width:100%;}

	/*.mob_clear{display:block;}*/

	.width70Right{width:100%; float:none;}
	.absBox{position:static; bottom:0;}
	.bgExpImg{height:auto;}
	.absBox .expInfo{display:block; width:80%; margin:0 auto; background:rgba(255,255,255,0.8);}
	.expInfo .clrDarkGrey{color:#000;}
	.expInfo .pad_50{padding:20px;}
	.outof100{background:#fff}
	.expSpace{height:50px;}

	.enqAbsBox{position:static; overflow:hidden; margin-top:30px;}
	.enqAbsBox .col_1_3{width:49%; float:none; display:inline-block}
	.absSpacer{height:50px;}
	.absSpacer1{height:50px;}

	#banner{height:383px;}

	.chaos-modal-box iframe{width:680px; height:540px;}
}
@media screen and (max-width: 860px)
{
	.chaos-modal-box iframe{width:630px; height:510px;}
}
@media screen and (max-width: 800px)
{
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_1_6, .col_2_3, .col_1_2_right{width:100%; float:none;}
	.width25{width:50%;}

	.footer .width50{width:100%; float:none;}
	.footer .pad_L_15{padding:0;}

	.grid-container{
		height:auto;
		grid-template-columns:1fr;
		grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-areas:
			"one"
			"two"
			"three"
			"four"
			"five"
			"six"
			"seven"
			"eight"
			"nine"
			"ten"
	}
	.item1, .item2, .item3, .item4, .item5, .item6, .item7, .item8, .item9, .item10{height:450px;}

	#banner{height:333px;}
	.bannerData .large{font-size:1.5em;}

	#aboutUs .aboutImg{float:none; display:block; margin-left:0; width:100%;}

	.chaos-modal-box iframe{width:580px; height:460px;}
}
@media screen and (max-width: 768px)
{
	.footer .width70, .footer .width30{width:100%; float:none;}
	.logoName{width:200px; margin-top:10px;}
	.logoName .extra-large{font-size:1.5em;}
	.chaos-modal-box iframe{width:560px; height:460px;}
}
@media screen and (max-width: 640px)
{   
	
	.col_1_3{width:100%}
	.col_2_3{width:100% }

	.w50{width:100%;}
	.app_r_padding{padding:0 !important}
	.textBox{width:93.7%;}
	.cmbBox{width:93.7%;}
	.conTxtBox{width:85%;}
	.col_340{width:100%;}

	.news-img{float:none; display:block;}
	.news-info{margin:15px 0 0 0;}
	.newsPhoto{width:100%;}

	.item1, .item2, .item3, .item4, .item5,.item6, .item7, .item8, .item9, .item10{height:300px;}
	 .testPad{padding:50px;}
	 .enqAbsBox .col_1_3{width:100%;}

	 .bannerData .large{font-size:1.1em;}
	 #banner{height:267px;}

	 .chaos-modal-box iframe{width:450px; height:370px;}
}
@media screen and (max-width: 540px)
{
	.pageH1{font-size:2em;}
	.chaos-modal-box iframe{width:350px; height:300px;}
}

@media screen and (max-width: 480px)
{	
	.home_pad_offset{padding:0.6em;}

	.width25{width:100%;}
	.news-img{width:100%;}

	.logo{float:none; display:block; margin:0 auto;}
	.logoName{float:none; display:block; margin:0 auto; width:100%; text-align:center; margin-top:10px;}
	#header .float_right{display:none;}

	#navBtn{top:15px; right:15px;}
	.bannerData .large{font-size:1em;}
	
	.bannerData .pad_40{padding:20px;}
	#banner{height:200px;}
	.chaos-modal-box iframe{width:320px; height:300px;}
}
@media screen and (max-width: 414px)
{
   .extra-large{font-size:1.8em;}
   .xxlarge{font-size:2.5em;}
	.pageH1{font-size:1.7em;}
	.chaos-modal-box iframe{width:100%; height:280px;}
}

@media screen and (max-width: 375px)
{
	.large{font-size:1.6em;}
	.xxlarge{font-size:2.1em;}
	.percentTxt{font-size:1em;}
	
	.bannerData .large{font-size:0.9em;}

	#banner{height:156px;}
	.chaos-modal-box iframe{width:100%; height:240px;}
}
@media screen and (max-width: 360px)
{
	.xxlarge{font-size:2em;}

	.pageH1{font-size:1.5em;}
	.bannerData .pad_40{padding:10px;}

	.conTxtBox{width:80%;}
}
@media screen and (max-width: 320px)
{
	.pageH1{font-size:1.3em;}
	.item1, .item2, .item3, .item4, .item5, .item6, .item7, .item8, .item9, .item10{height:200px;}
	.bannerData .large{font-size:0.8em;}
	.chaos-modal-box iframe{width:100%; height:210px;}
}
