@charset "utf-8";

/* CSS Document */





 body::-webkit-scrollbar {

    width: 1em;

}
.servi-hov{ margin-bottom:15px;}
.servi-hov:hover{ background:url(image/ho.png) repeat-x;}


 .padd .col-md-4{ padding:0px 10px; border:1px solid #eaeaea; margin:26px 5px -27px -6px; width:33%;}
 .padd .col-md-4:hover{ background:#def4fe;}

body::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(3,169,244,0.8);

}

 .about-des img{ float:right;}

body::-webkit-scrollbar-thumb {

  background-color: #03a9f4;

  outline: 1px solid slategrey;

}





body{ padding:0px; margin:0px; background:#FFFFFF;}

.topbg{ padding:0px; border-bottom:1px solid #ededed; height:37px; display:block;}

.email{ float:left; width:35%; font-size: 13px; color: rgb( 160, 160, 160 ); font-family: 'Roboto', sans-serif; padding-left:20px; background:url(image/mail.png) no-repeat left; margin-top:11px;}

.phone{ float:left; width:65%; font-size: 13px; color: rgb( 160, 160, 160 ); font-family: 'Roboto', sans-serif; padding-left:20px; background:url(image/phone.png) no-repeat left; margin-top:5px;}

.social{ float:right;}

.social img{  width:auto;}

.grid{}





.logo{ float:left; width:100%; padding:11px 0px;}

.menu{ float:left; width:100%;}

.menu ul{ list-style:none; margin:0px; padding:0px; float:right;}

.menu ul li{ float:left; padding:26px 1px;}

.menu ul li a{ text-decoration:none; text-transform:uppercase; font-family: 'Roboto', sans-serif; color:#575757; font-size:13px; font-weight:700; padding:6px 17px; float:left;}

.menu ul li a:hover{ background:#03a9f4; color:#FFFFFF; border-radius:5px;}

.services-title{ color:#07aaf4; font-size:40px; font-family: 'Oswald', sans-serif; float:left; width:100%; text-align:center; text-transform:uppercase; padding-top:60px;}

.services-des{ font-family: 'Roboto', sans-serif; color:#575757; font-size:13px; font-weight:300; text-align:center; float:left; width:100%; color:#6a6a6a; padding: 20px 0px;}

.design{ float:left; width:100%; text-align:center; padding:40px 0px 130px 0px; height:290px;}

.design img{ width:auto; height:80px;}

.design-title{ float:left; width:100%; text-align:center; color:#07aaf4; text-transform:uppercase; font-family: 'Roboto', sans-serif; font-weight:500; padding:15px 0px 5px; font-size:18px;}

.design-des{ float:left; width:100%; text-align:center; font-size:13px; font-family: 'Roboto', sans-serif; color:#6a6a6a; line-height:22px;}

.team-name{ float:left; width:100%; color:#333333; font-size:18px; font-weight:500; font-family: 'Roboto', sans-serif; text-align:center;}

.team-des{ float:left; width:100%; color:#828282; font-size:12px; font-weight:500; font-family: 'Roboto', sans-serif; text-align:center; padding-bottom:20px;}

.tabbg{ padding:0px; padding-bottom:60px;  background-attachment: fixed;

background-image: url(image/tabbg.jpg) !important;

background-position: center !important;

background-repeat: no-repeat !important;

background-size: cover !important;}

.pro-box2{ margin:15px 0px;}

.pro-name{ float:left; width:100%; padding-left:10px; font-family: 'Oswald', sans-serif; font-size:16px; color:#03a9f4; text-transform:uppercase;}

.pro-des{ float:left; width:100%; padding:5px 10px; line-height:22px; font-family: 'Roboto', sans-serif; font-size:14px; color:#575757;}

.pro-country{ float:left; width:100%; padding:5px 10px; font-family: 'Roboto', sans-serif; font-size:13px; color:#03a9f4;}

.pro-tech{ float:left; width:100%; padding:5px 10px; font-family: 'Roboto', sans-serif; font-size:13px; color:#575757;}

.pro-tech span{ color:#03a9f4;}

.tab-title{ color:#fff; font-size:40px; font-family: 'Oswald', sans-serif; float:left; width:100%; text-align:center; text-transform:uppercase; padding:30px 0px;}

.tab{ float:left; width:100%; padding-bottom: 55px;}

.tab ul{ list-style:none; padding:0px; margin:0px 0px;}

.tab ul li{ float:left; margin:0px 2px; padding:9px 4px;}

.tab ul li a{ color:#585858; font-size:13px; padding: 10px 20px; text-decoration:none;font-family: 'Roboto', sans-serif; text-align:center; border:1px solid #dadada; background:#FFFFFF;}

.portfolio-item a{ font-size:0px; background:none; border:0px !important; padding:0px !important; height:0px; width:0px;}

.figure a:hover{ padding:0px;}

.tab ul li a:hover{ background:#03a9f4; border:1px solid #50c1f4; color:#FFFFFF;}

.tab ul li a:focus{ background:#03a9f4; border:1px solid #50c1f4; color:#FFFFFF;}

.row1{ margin:0px 0px 2px 0px;}

.row2{ padding-bottom:70px !important;}

.contactbg{ background:url(image/contactbg.jpg);}
.g-recaptcha{ margin-top:10px !important;}
.formbg{ background:url(image/formbg.png) no-repeat center; height:720px; margin:65px 0px;}

.leave{ float:left; width:100%; background:url(image/leave.png) no-repeat left; height: 20px; margin-top: 130px; margin-left: 35px;}

.loc{ float:left; width:100%; background:url(image/loc.png) no-repeat left; height: 20px; margin-top: 130px; margin-left: 35px;}

.form-name{ float:left; margin:5px 0px 5px 35px; color:#6e6e6e; font-family: 'Roboto', sans-serif; font-size:13px; font-weight:500; width:100%;}

.form-name span{ color:#f80000;}

.form-name input{ background:url(image/fname.png) no-repeat; height:38px; width:75%; border:0px; margin-top:4px; padding-left: 8px;}

.form-name textarea{ background:url(image/msg.png) no-repeat; height:98px; width:107%; border:0px; margin-top:4px; padding-left: 8px;}

.send{ border:0px; font-size:0px; background:url(image/send.png) no-repeat; width:117px; height:35px; margin:10px 35px;}

.adres{ float:left; padding-left:35px; padding-top:30px; width:100%; font-family: 'Roboto', sans-serif; color:#646464; font-size:13px; font-weight:500;}

.adres strong{ float:left; width:100%; color:#2d2d2d; font-size:16px;}

.flogo{ padding:60px 0px; text-align:center;}

.fsocial{ padding:60px 0px 0 0; text-align:center; font-family: 'Roboto', sans-serif; color:#6d6d6d; font-size:14px;}

.fsocial img{ width:auto;}

.fsocial a{ padding:0px 5px;}

.flogo img{ width:auto;}

.fsocial p{ padding-top:10px;}

.social1{ float:left; background:url(image/social1.png) no-repeat; height:36px; width:37px;}

.social1:hover{ background-position:0px -38px;}

.social2{ float:left; background:url(image/social2.png) no-repeat; height:36px; width:37px;}

.social2:hover{ background-position:0px -38px;}

.social3{ float:left; background:url(image/social3.png) no-repeat; height:36px; width:37px;}

.social3:hover{ background-position:0px -38px;}

.social4{ float:left; background:url(image/social4.png) no-repeat; height:36px; width:37px;}

.social4:hover{ background-position:0px -38px;}

.social5{ float:left; background:url(image/social5.png) no-repeat; height:36px; width:37px;}

.social5:hover{ background-position:0px -38px;}

.social6{ float:left; background:url(image/social6.png) no-repeat; height:36px; width:37px;}

.social6:hover{ background-position:0px -38px;}

.social7{ float:left; background:url(image/social7.png) no-repeat; height:36px; width:37px;}

.social7:hover{ background-position:0px -38px;}

.servicesbg1 ul{ list-style:none; margin:0px; padding:0px;}

.servicesbg1 ul li{ float:left; margin:0px; padding:0px 13px; height: auto;}

.servicesbg1 ul li a{ color:#686868 !important; border:0px; text-decoration:none; font-size:14px; font-family: 'Poppins', sans-serif; float:left; padding:10px 14px; font-weight:500;}

.servicesbg1 ul li a:hover{ background:#03a9f4; color:#FFFFFF !important; border:0px;}

.servicesbg1 .isotope-filters{ float:left; width:100%; border:1px solid #e7e7e7; border-radius:5px; margin-top:30px; height:48px;}

.servicesbg1 ul li a.active{ border:0px !important; background:#03a9f4 !important; color:#FFFFFF !important;}

.port-name{ float:left; width:100%;  text-align:left; color:#202020; font-size:15px; font-family: 'Poppins', sans-serif; font-weight:500; padding: 0px 0px 0px 32px;}

.port-des{ float:left; width:100%; color:#5e5e5e; line-height:22px; font-size:12px; font-family: 'Poppins', sans-serif; font-weight:400; padding: 0px 0px 10px 32px;  text-align:left;}

.port-sc{ float:left !important; background:url(portfolio/port-sc.png) no-repeat !important; width:135px; height:37px; margin-bottom:20px;font-size:15px !important; font-family: 'Poppins', sans-serif !important; font-weight:500 !important; margin-left:32px; padding: 7px 0px !important;}

.port-web{ float:left !important; background:url(portfolio/port-web.png) no-repeat !important; width:118px; height:37px; margin-bottom:20px;font-size:15px !important; font-family: 'Poppins', sans-serif !important; font-weight:500 !important; margin-left:33px; padding: 7px 0px !important;}

.demo-3 {

    position:relative;

    

    overflow:hidden;

    float:left;

    margin:0px;

	list-style:none;

}

.demo-3 figure {

    margin:0;

    padding:0;

    position:relative;

    cursor:pointer;

    

}

.demo-3 figure img {

    display:block;

    position:relative;

    z-index:10;

	width:100%;

	height:auto;

   

}

.demo-3 figure figcaption {

    display:block;

    position:absolute;

    z-index:5;

    -webkit-box-sizing:border-box;

    -moz-box-sizing:border-box;

    box-sizing:border-box

}

.demo-3 figure h2 {

    font-weight:500;

    color:#fff;

    font-size:21px;

    text-align:left;

	padding: 7px 0px 0px 0px;

	text-align:center;

	font-family: 'Roboto', sans-serif;

}

.demo-3 figure p {

    display:block;

    font-family: 'Roboto', sans-serif;

    font-size:13px;

	text-align:center;

    line-height:20px;

    margin:0;

	font-weight:500;

    color:#fff;

    

	padding:0px 12px;

}



.demo-3 figure figcaption {

    top:0;

    left:0;

    width:100%;

    height:100%;

   

   background:url(image/probg.png) no-repeat center;

    text-align:center;

    backface-visibility:hidden;

    -webkit-transform:rotateY(-180deg);

    -moz-transform:rotateY(-180deg);

    transform:rotateY(-180deg);

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    transition:all .5s;

	

	

}

.demo-3 figure img {

    backface-visibility:hidden;

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    transition:all .5s

}

.demo-3 figure:hover img,figure.hover img {

    -webkit-transform:rotateY(180deg);

    -moz-transform:rotateY(180deg);

    transform:rotateY(180deg)

}

.demo-3 figure:hover figcaption,figure.hover figcaption {

    -webkit-transform:rotateY(0);

    -moz-transform:rotateY(0);

    transform:rotateY(0)

}


















.icon_box.icon_left h5, .icon_box.icon_left_transparent h5 {

    padding-top: 0;

    font-size: 16px;

    color: #07aaf4;

    font-weight: 800;

	text-transform:capitalize;

	font-family: 'Roboto', sans-serif;

	margin:0px 0px;

}

.servicesbg{ padding:0px; background:#f2f2f2;}

.vc_custom_1451476985704 {

    padding-top: 3px !important;

    padding-bottom: 0px !important;

    background-color: #fff !important;

}

.base_font_color {

    color: #002e5b; margin-bottom: 0px !important;

}

.base_font_color.vc_custom_heading > h1, .base_font_color.vc_custom_heading > .h1, .base_font_color.vc_custom_heading > h2, .base_font_color.vc_custom_heading > .h2, .base_font_color.vc_custom_heading > h3, .base_font_color.vc_custom_heading > .h3, .base_font_color.vc_custom_heading > h4, .base_font_color.vc_custom_heading > .h4, .base_font_color.vc_custom_heading > h5, .base_font_color.vc_custom_heading > .h5, .base_font_color.vc_custom_heading > h6, .base_font_color.vc_custom_heading > .h6 {

    color: #002e5b; font-size: 45px;

line-height: 60px;

text-align: center; font-family: 'Roboto', sans-serif;

font-weight: 700;} 







.vc_column_container {

    padding-left: 0;

    padding-right: 0;

}

.vc_column_container > .vc_column-inner {

    box-sizing: border-box;

    padding-left: 0px;

    padding-right: 0px;

    width: 100%;

}

.icon_box.hexagon.hexanog_animation {

    padding: 26px 10px;

    position: relative;

	margin: 15px 0px;

}

.icon_box.hexagon.hexanog_animation .icon::before {

    background: #f4a35e none repeat scroll 0 0;

    content: "";

    display: block;

    height: 0;

    left: 29px;

    position: absolute;

    top: -3px;

    transition: all 0.3s ease 0s;

    width: 6px;

}

icon_box.hexagon.hexanog_animation .icon::after {

    background: #f4a35e none repeat scroll 0 0;

    bottom: -3px;

    content: "";

    display: block;

    height: 0;

    left: 29px;

    position: absolute;

    transition: all 0.3s ease 0s;

    width: 6px;

}



.icon_box .icon::after {

    content: "";

    display: inline-block;

    height: 100%;

    vertical-align: middle;

}

.icon_box.hexagon.hexanog_animation .icon {

    transition: all 0.3s ease 0s;

}

.icon_box.hexagon .icon {

    position: relative;

}

.icon_box.icon_left .icon, .icon_box.icon_left_transparent .icon {

    float: left;

    margin: 0;

    text-align: center;

}

.icon_box .icon {

    color: #002e5b;

    margin: 0 0 8px;

    vertical-align: bottom;

}

.icon_box.hexagon .icon img {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #002e5b;

    height: 62px;

    line-height: 62px;

    width: 72px;

	border-radius: 0%;

}

.icon_box .icon img {

    background: #002e5b none repeat scroll 0 0;

    border-radius: 50%;

    color: #fff;

    display: block;

    height: 50px;

    line-height: 50px;

    text-align: center;

    vertical-align: middle;

    width: 50px;

}

.icon_box.icon_left h5.no_stripe::after, .icon_box.icon_left_transparent h5.no_stripe::after {

    display: none;

}

.icon_box.icon_left h5::after, .icon_box.icon_left_transparent h5::after {

    border-radius: 0;

    display: block;

    height: 5px;

    margin-top: 14px;

    width: 47px;

}

.icon_box.hexagon.hexanog_animation .icon_text p:last-child {

    margin: 0;

}

.icon_box.icon_left p, .icon_box.icon_left_transparent p {

    font-size: 13px;

    line-height: 18px;

	font-weight:300;

	font-family: 'Roboto', sans-serif;

}

.icon_box.hexagon.hexanog_animation:hover {

    background: #f2f2f2 none repeat scroll 0 0;

}

.icon_box.hexagon.hexanog_animation:hover .icon {

    padding: 20px 0;

}

.icon_box.hexagon.hexanog_animation:hover .icon::before {

    height: 15px;

}

.icon_box.hexagon.hexanog_animation .icon::before {

    background: #f4a35e none repeat scroll 0 0;

    content: "";

    display: block;

    height: 0;

    left: 29px;

    position: absolute;

    top: -3px;

    transition: all 0.3s ease 0s;

    width: 6px;

}

.icon_box.hexagon.hexanog_animation:hover .icon::after {

    height: 15px;

}

.icon_box.hexagon.hexanog_animation .icon::after {

    background: #f4a35e none repeat scroll 0 0;

    bottom: -3px;

    content: "";

    display: block;

    height: 0;

    left: 29px;

    position: absolute;

    transition: all 0.3s ease 0s;

    width: 6px;

}



.heading{ float:left; width:100%; padding-top:20px; color:#07aaf4; font-size:24px; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:400;}

.home{ float:left; width:100%;}

.home ul{ list-style:none; margin:0px; padding:0px;}

.home ul li{ float:left;}

.home ul li a{ float:left; padding:0px 5px; text-decoration:none; font-size:12px; font-family: 'Oswald', sans-serif; color:#999999; margin-bottom:10px;}



.icon1{ float:left; background:url(image/f1.png) no-repeat; height:40px; width:40px; margin:0px 5px 0px 41px;}

.icon1:hover{ background-position:0px -41px;}

.icon2{ float:left; background:url(image/f2.png) no-repeat; height:40px; width:40px; margin-left:66px;}

.icon2:hover{ background-position:0px -41px;}

.icon3{ float:left; background:url(image/f3.png) no-repeat; height:40px; width:40px; margin:0px 5px;}

.icon3:hover{ background-position:0px -41px;}

.icon4{ float:left; background:url(image/f4.png) no-repeat; height:40px; width:40px;}

.icon4:hover{ background-position:0px -41px;}

.icon5{ float:left; background:url(image/f5.png) no-repeat; height:40px; width:40px; margin:0px 0px;}

.icon5:hover{ background-position:0px -41px;}

.icon6{ float:left; background:url(image/f6.png) no-repeat; height:40px; width:40px; margin-left: 5px;}

.icon6:hover{ background-position:0px -41px;}

.icon7{ float:left; background:url(image/f7.png) no-repeat; height:40px; width:40px; margin:0px 5px;}

.icon7:hover{ background-position:0px -41px;}





.heading{ float:left; font-family: 'Oswald', sans-serif; width:100%; font-size: 26px; color:#fff; text-transform:uppercase; padding:40px 0 5px 0px; font-weight:500;}

.home{ float:left; width:59%;}

.home ul{ list-style:none; margin:0px; padding:0px; color:#929292;font-family: 'Roboto', sans-serif;}

.home ul li{ float:left; background:url(image/homeli.png) no-repeat right; background-position: 42px 10px;}

.home ul li:last-child{ background:none;}

.home ul li a{ float:left; text-decoration:none; font-size: 12px; color:#fff;  padding:0px 5px;  font-family: 'Roboto', sans-serif; font-weight:400;}

.home ul li a:hover{ color:#03a9f4;}

.next1{ float:left; width:40%;}

.next1 ul{ list-style:none; margin:0px; padding:0px; float:right;}

.next1 ul li{ float:left;}

.next1 ul li a{ float:left; text-decoration:none; font-size:12px; color:#fff; padding:3px 2px; font-family: 'Roboto', sans-serif; font-weight:400;}

.next1 ul li a:hover{ color:#03a9f4;}

.pro-pro{ float:left; width:100%;}

.left-des{ float:left; width:30%;}

.left-des img{ width:100%;}

.right-des{ float:left; width:50%;}

.breadcrumbbg{ float:left; width:100%; background:url(image/breadbg.png) no-repeat; background-size:100% 100%; height:140px;}

.service-box{ float:left; width:100%; border:1px solid #eaeaea; padding:20px 0px; text-align:center; margin:10px 0px;}

.service-title{ float:left; width:100%; color:#07aaf4; font-size:18px; text-transform:uppercase; font-family: 'Roboto', sans-serif; font-weight:500; padding:5px 0px;}

.service-des{ float:left; width:100%; color:#6a6a6a; font-size:13px; font-family: 'Roboto', sans-serif; font-weight:300; padding:0px 20px; line-height:25px;}

.service-box img{ margin:0px auto; text-align:center;}

.about-des{ float:left; width:100%; margin-top:30px; color:#3d3d3d; font-size:14px; font-weight:400; font-family: 'Roboto', sans-serif; }

.about-des strong{ font-size:14px; font-weight:700; color:#272727; font-family: 'Roboto', sans-serif; }

.company{ float:left; width:100%; color:#6b6b6b; font-size:14px; font-family: 'Roboto', sans-serif; padding-bottom:8px;}

.company input{ float:left; width:100%; border:1px solid #e5e5e5; border-radius:4px; height:41px; margin:10px 0px 10px 0px; color:#c9c9c9; padding-left:10px; font-size:14px; font-weight:300;}

.company textarea{ float:left; padding-top:10px; width:100%; border:1px solid #e5e5e5; border-radius:4px; margin:10px 0px 20px 0px; color:#c9c9c9; padding-left:10px;}

.company-check{ float:left; width:25%; color:#7a7a7a; font-size:12px; font-family: 'Roboto', sans-serif; padding-bottom:8px; font-weight:300;}

.company-check input[type=checkbox]{ border:1px solid #e5e5e5; margin-right:10px;}

.btn-success{ background:#03a9f4 !important; border:1px solid #03a9f4 !important; margin:0px 4px;}

.servicesbg1 ul li.design img{ height:auto;}

input[type=checkbox].css-checkbox {

							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;

						}



						input[type=checkbox].css-checkbox + label.css-label {

							padding-left:35px;

							height:30px; 

							display:inline-block;

							line-height:30px;

							background-repeat:no-repeat;

							background-position: 0 0;

							color:#7a7a7a; font-size:12px; font-family: 'Roboto', sans-serif;
							font-weight:300;

							vertical-align:middle;

							cursor:pointer;



						}



						input[type=checkbox].css-checkbox:checked + label.css-label {

							background-position: 0 -30px;

						}

						label.css-label {

				background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_3e7c116decab5f0bdc492fba26fa6d26.png);

				-webkit-touch-callout: none;

				-webkit-user-select: none;

				-khtml-user-select: none;

				-moz-user-select: none;

				-ms-user-select: none;

				user-select: none;

			}













.displ2{ display:none;}
.mobg{ display:none;}




@media (max-width:1024px){

.email{ width:48%;}

.phone{ width:51%;}

.logo img{ width:100%;}

.menu ul li a{ font-size:10px; padding: 5px 4px; font-weight: 500;}

.menu ul li{padding: 15px 1px;}

.design-title{ font-size:14px;}

.design-des{ padding: 0px 3px;}

.tab ul li a{ font-size:11px; padding: 10px 3px;}

.demo-3 figure img{ width:100%;}

.demo-3 figure h2{ padding:0px; font-size:20px;}

.demo-3 figure p{ line-height: 20px; font-size: 12px;}

.formbg{ background-position:0px 0px; height:auto; float:left;}

.form-name input{ width:100%;}

.flogo img{ width:100%; padding: 60px 10px;}

}



@media only screen and (min-width:320px) and (max-width:767px){

.navbar-collapse{ padding:0px !important;}

.formbg{ background:#FFFFFF;}

.leave{ margin-left:0px; margin-top:30px;}

.formbg{ float:left; height:auto;}

.loc{ margin-left:0px; margin-top:20px;}

.adres{ padding-left:0px; padding-bottom:30px;}

.form-name{ margin: 5px 0px 5px 0px;}

.form-name input{ width:100%;}

.send{ margin:10px 0px;}

.top-menu ul li a{ padding: 6px 8px;}

.logo img{ width:100%;}

.logo{ width:100%; text-align:center;}
.fsocial p{ width:100%; float:left;}
.phone{ width:100%; text-align:center; background-position: 60px 4px;}

.center-title{ font-size:24px; padding: 180px 0px 20px 0px;}

.menubg{ background:#1a1a1a; height:auto;}

.menu{ width:100%; margin:0px;}

				.menu ul li{ float:left; width:100%; background:#03a9f4; padding:0px; border-bottom:1px solid #FFF;}

				.menu ul li:last-child{ border:none;}

				.menu ul{ float:left; width:100%;}

				.menu ul li a{ float:left; width:100%; padding: 5px 15px; margin:0px; color:#fff; font-family: 'Oswald', sans-serif; font-size:14px;}

				.menu ul li a:hover{ width:100%; border-radius:0px; border:none; background:#f5821f;}

				.design{ padding: 53px 0px 35px 0px;}

				.tab ul li{ margin:3px 2px; width:100%;}

				.demo-3 figure{ margin-top:10px;}

				.flogo img{ width:100%;}

				.demo-3 figure img{ width:100%;}

				.email{ width:100%; background-position: 60px 4px; text-align:center;}

				.social{ text-align:center;}

				.topbg{ height:auto;}

				.social img{ text-align:center; float:none;}

				.da-slider{ min-width:100% !important;}

				.tab ul li a{ float:left; width:100%;}

				.portfolio-item{ min-width:100%; width:100%;}

				.demo-3 figure figcaption{ background-size: 100%;}

				.company-check{ width:50%;}

				.social{ margin-right:59px;}

.services-title{ padding-top:40px !important;}



.formbg{ width:100%; padding: 0px 0px 0px 6px;}

.g-recaptcha{ margin-left:1px !important;}

.pad{ padding:0px 5px;}

.flogo img{ padding:20px 0px;}

.flogo{ padding:0px;}

.icon1{ margin: 0px 5px 0px 35px;}

.displ{ display:none;}

.displ2{ display:block;}
.tabbg{ display:none;}
.form-name textarea{ width:100%;}
 .padd .col-md-4{ width:99%; margin:26px 5px -27px -6px;}
 .icon2{ margin-left:15px;}
 
 .top1{ float:left; width:100%; display:block;}
.top1 ul{ list-style:none; margin:0px; padding:0px; display:block !important;}
.top1 ul li{ float:left; border-right:1px solid #457f81; padding:8px 33px;}
.top1 ul li a{ text-transform:capitalize; color:#FFFFFF; font-size: 13px !important; font-family: 'Oswald', sans-serif !important;
font-weight: 500 !important;}
.menuu{ text-transform:capitalize; color:#FFFFFF; font-size: 13px !important; font-family: 'Oswald', sans-serif !important;
font-weight: 500 !important; margin-top: -2px;}
.top1 ul li a img{ margin-top:-3px;}
.mobg{ display:block; background:#27686a;}
.topbg{ display:none;}
.logo{ padding:40px 0px;}
.navbar-toggle{ padding:0px 10px !important;}
.pad{ padding:0px;}
.grid li img{ width:100%; padding: 10px 15px;}
.servicesbg1 .isotope-filters{ float:left; width:100%; border:1px solid #e7e7e7; border-radius:5px; margin-top:30px; height:auto !important;}
.port-web{ padding-left:23px !important; text-align:left !important;}
}