* { margin: 0px; padding: 0px; list-style: none; }
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ border: none; outline: none; vertical-align: middle; }
a, a:focus { outline: none; }
a:hover, a:focus { color: #ff8c00; text-decoration: none; }
a { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; padding: 0; }
h1 { color: #140812; font-size: 13px; }
p { }
.form-control::-moz-placeholder {
color:#333;
font-weight:normal;
}
input, button { }
body { font-family: 'Ubuntu', sans-serif; font-size: 14px; font-weight: 400; color: #777777; line-height: 18px; }
@font-face { font-family: 'titilliumlight'; src: url('../fonts/Titillium-Light-webfont.eot'); src: url('../fonts/Titillium-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Titillium-Light-webfont.woff2') format('woff2'), url('../fonts/Titillium-Light-webfont.woff') format('woff'), url('../fonts/Titillium-Light-webfont.ttf') format('truetype'), url('../fonts/Titillium-Light-webfont.svg#titilliumlight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'titilliumlight_italic'; src: url('../fonts/Titillium-LightItalic-webfont.eot'); src: url('../fonts/Titillium-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Titillium-LightItalic-webfont.woff2') format('woff2'), url('../fonts/Titillium-LightItalic-webfont.woff') format('woff'), url('../fonts/Titillium-LightItalic-webfont.ttf') format('truetype'), url('../fonts/Titillium-LightItalic-webfont.svg#titilliumlight_italic') format('svg'); font-weight: normal; font-style: normal; }
.container { width: 960px; margin: 0px auto; }
.header-section { background: url(../images/header-section.jpg) top center fixed no-repeat; background-size: cover; }
.clear { clear: both; }
.logo { width: 10%; float: left; padding-left: 30px; }
.navi-wrp { width: auto; float: right; padding-top: 20px; padding-right: 15px; }
.navi-wrp .dl-menuwrapper button { background: none; }
.navi-wrp .dl-menuwrapper button:hover { background: #c93f6c; }
.top-head { padding-top: 30px; padding-bottom: 15px; }
.content-inq { text-align: center; max-width: 620px; margin: 0 auto; padding-top: 170px; padding-bottom: 230px; }
.content-inq p { font-size: 24px; color: #fff; line-height: 30px; }
.first-section { background: #c93f6c; }
.icons-box { background: #dd3623; text-align: center; width: 192px; height: 200px; padding-top: 30px; }
.tab-section .resp-tab-active { }
.first-section .resp-tabs-list li { padding: 0; }
.red{  background: rgba(221, 54, 35, 0.35); position:relative;}
.red::before { background: #dd3623; bottom: 0; clear: both; content: ""; display: block; height: 80px; position: absolute; width: 100%; }
.yellow { background: rgba(218, 159, 59, 0.65); position: relative; }
.yellow::before { background: none repeat scroll 0 0 #da9f3b; bottom: 0; clear: both; content: ""; display: block; height: 80px; position: absolute; width: 100%; }
.pink { background: rgba(197, 61, 107, 0.30); position:relative;}
.pink:before{background: none repeat scroll 0 0 #c93f6c; bottom: 0; clear: both; content: ""; display: block; height: 80px; position: absolute; width: 100%;}
.blue {  background: rgba(28, 122, 176, 0.27); position:relative; }
.blue:before{background: none repeat scroll 0 0 #1c7ab0; bottom: 0; clear: both; content: ""; display: block; height: 80px; position: absolute; width: 100%;}
.green { background: rgba(4, 163, 161, 0.35); position:relative; }
.green:before{background: none repeat scroll 0 0 #04a3a1; bottom: 0; clear: both; content: ""; display: block; height: 80px; position: absolute; width: 100%;}
.container_red.resp-tab-content.resp-tab-content-active { background: #dd3623; }
.container_yellow.resp-tab-content.resp-tab-content-active { background: #da9f3b; }
.container_pink.resp-tab-content.resp-tab-content-active { background: #c93f6c; }
.container_blue.resp-tab-content.resp-tab-content-active { background: #1c7ab0; }
.container_green.resp-tab-content.resp-tab-content-active { background: #04a3a1; }
.first-section .tab-section .resp-tab-active { padding: 0 !important; border: none; background: #c93f6c; }
.tab-section .resp-tab-content { border: none; background: #c93f6c; color: #fff; padding: 80px 75px 100px; }
.tab-section h2 { padding-bottom: 40px; padding-top: 80px; font-size: 28px; }
.tab-section p { font-size: 17px; line-height: 30px; }
.second-section { background: url(../images/second-section.jpg) top center fixed no-repeat; background-size: cover; padding: 50px 0; }
.main-heading { text-align: center; padding-bottom: 50px; }
.main-heading h1 { font-size: 38px; color: #cf3d23; }
ul.work-img { text-align: center; }
ul.work-img li { float: left; position: relative; }
.work-hover { background: #cf3d23; color: #fff; text-align: center; display: none; position: absolute; top: 0; left: 0; width: 100%; }
ul.work-img li:hover .work-hover { display: block; height: 100%; background: rgba(207, 61, 35, 0.80); }
.plus-img { margin-top: 71px; margin-bottom: 25px; }
.chat-btn { text-align: center; margin-top: 35px; }
.Wanna-btn { padding: 35px 60px; color: #fff; text-align: center; display: inline-block; font-size: 25px; background: #dd3623; }
.Wanna-btn:hover { background: #c93f6c; color: #fff; }
.team-section { text-align: center; padding: 50px 0; background: #fff; }
.team-inq p { color: #4b4b4b; font-size: 14px; padding-bottom: 70px; }
.team-inq p span { display: block; }
#galler-silder .gallery-box .item { display: inline-block; }
.gallery-img { position: relative; display: inline-block; }
#galler-silder .owl-buttons { }
#galler-silder .owl-buttons .owl-prev { background: url(../images/prev.png) no-repeat scroll left top rgba(0, 0, 0, 0); display: block; font-size: 0; height: 78px; left: 35px; margin-top: -39px; position: absolute; top: 50%; width: 25px; }
#galler-silder .owl-buttons .owl-next { background: url(../images/next.png) no-repeat scroll right top rgba(0, 0, 0, 0); display: block; font-size: 0; height: 78px; margin-top: -39px; position: absolute; right: 35px; top: 50%; width: 25px; }
#galler-silder .owl-buttons .owl-prev:hover, #galler-silder .owl-buttons .owl-next:hover { }
.gallery-txt h2 { color: #222; font-size: 17px; padding-top: 40px; padding-bottom: 5px; text-transform: uppercase; }
.gallery-txt p { font-size: 14px; color: #777779; }
#galler-silder .item { margin: 0 10px; }
.our-clients { background: url(../images/client-section.jpg) top center fixed no-repeat; background-size: cover; position: relative; padding: 65px 0; text-align: center; }
.our-clients .main-heading { padding-bottom: 63px; }
.clients-img { margin-bottom: 35px; }
.clients-img img { border-radius: 50%; }
.clients-content p { font-size: 24px; color: #4b4b4b; line-height: 28px; padding-bottom: 25px; font-family: 'titilliumlight_italic'; }
.clients-content p strong { display: block; font-weight: normal; }
.clients-content span { font-family: 'titilliumlight'; }
#clients .owl-buttons { }
#clients .owl-buttons .owl-prev { display: inline-block; font-size: 18px; margin-right: 18px; color: #585858; top: 25%; }
#clients .owl-buttons .owl-next { display: inline-block; font-size: 18px; color: #585858; top: 25%; }
#clients .owl-buttons .owl-next:hover, #clients .owl-buttons .owl-prev:hover { color: #fff; }
#clients .owl-buttons { margin-top: 45px; }
.fotter-section { background: #565d67; padding-top: 35px; padding-bottom: 70px; color: #fff; text-align: center; }
.fotter-section p { padding-bottom: 70px; font-family: 'titilliumlight'; }
.fotter-logo { padding-bottom: 55px; }
.fotter-section p span { display: block; }
/*----- portfolio css -----*/

.portfolio-inq { padding-bottom: 100px; }
.portfolio-wrapper { padding-top: 100px; }
ul.portfolio-img { }
ul.portfolio-img li { float: left; margin-right: 15px; }
ul.portfolio-img li:before { display: block; content: ""; clear: both; margin-bottom: 30px; }
.btm-links a { color: #333333; font-weight: 300; }
.btm-links a:hover { color: #dd3623; }
.portfolio-tab-wrp .resp-tabs-list li { padding: 0; }
.portfolio-tab-wrp .resp-tabs-list { float: left; margin-top: 0px; width: 100%; }
.portfolio-tab-wrp .tab-section .resp-tab-active { padding: 0 !important; border: none; background: #c93f6c; }
.portfolio-tab-wrp .tab-section .resp-tab-content { border: none; background: #c93f6c; color: #fff; padding-bottom: 100px; padding-left: 75px; }
.portfolio-tab-wrp .icons-box { padding: 40px 0; height: 65px; }
.portfolio-tab-wrp .container_red.resp-tab-content.resp-tab-content-active { background: #dd3623; }
.portfolio-tab-wrp .container_yellow.resp-tab-content.resp-tab-content-active { background: #da9f3b; }
.portfolio-tab-wrp .container_pink.resp-tab-content.resp-tab-content-active { background: #c93f6c; }
.portfolio-tab-wrp .container_blue.resp-tab-content.resp-tab-content-active { background: #1c7ab0; }
.portfolio-tab-wrp .container_green.resp-tab-content.resp-tab-content-active { background: #04a3a1; }
.red{  background: rgba(221, 54, 35, 0.35); position:relative;}
.portfolio-tab-wrp.red::before { background: #dd3623; bottom: 0; clear: both; content: ""; display: block; height: 80px; position: absolute; width: 100%; }
.portfolio-tab-wrp .yellow { background:#da9f3b; position: relative; }
.portfolio-tab-wrp .yellow::before { background: none repeat scroll 0 0 #da9f3b; bottom: 0; clear: both; content: ""; display: block; height:inherit; position: absolute; width: 100%; }
.portfolio-tab-wrp .pink { background:#c93f6c; position:relative;}
.portfolio-tab-wrp .pink:before{background: none repeat scroll 0 0 #c93f6c; bottom: 0; clear: both; content: ""; display: block; height:inherit; position: absolute; width: 100%;}
.portfolio-tab-wrp .blue {  background:#1c7ab0; position:relative; }
.portfolio-tab-wrp .blue:before{background: none repeat scroll 0 0 #1c7ab0; bottom: 0; clear: both; content: ""; display: block; height:inherit; position: absolute; width: 100%;}
.portfolio-tab-wrp .green { background:#04a3a1; position:relative; }
.portfolio-tab-wrp .green:before{background:#04a3a1; bottom: 0; clear: both; content: ""; display: block; height:inherit; position: absolute; width: 100%;}
.innovation-wrp h1 { color: #cf3d23; font-size: 35px; padding-bottom: 30px; text-align: center; text-transform: uppercase; }
.portfolio-slider .owl-buttons .owl-prev { position: absolute; left: -45px; display: block; background: url(../images/prev.png) no-repeat top left; width: 25px; height: 78px; font-size: 0; top: 50%; margin-top: -38px; }
.portfolio-slider .owl-buttons .owl-next { display: block; position: absolute; right: -45px; background: url(../images/next.png) no-repeat top right; width: 25px; height: 78px; font-size: 0; top: 50%; margin-top: -38px; }
.portfolio-slider.owl-theme .owl-controls { position: relative; }
.portfolio-slider .owl-theme .owl-controls .owl-page { display: inline-block; }
.portfolio-slider .owl-theme .owl-controls .owl-pagination { position: absolute; width: 100%; bottom: 20px; text-align: center; }
.portfolio-slider .owl-theme .owl-controls .owl-page span { border-radius: 20px; display: block; height: 15px; margin-right: 12px; opacity: 0.5; width: 15px; background: #e1e7e8; }
.portfolio-slider .owl-theme .owl-controls .owl-page span:hover { background: #65696b; }
.portfolio-slider .owl-theme .owl-controls .owl-page.active span { background: #65696b; }
.portfolio-content { padding: 45px 55px; }
.portfolio-content p { font-size: 18px; color: #333333; padding: 0px 0px 35px; line-height: 24px; }
ul.print { margin-bottom: 60px; }
ul.print li { float: left; margin-right: 40px; font-size: 20px; font-weight: 400; color: #767575; }
ul.print li a { color: #767575; text-decoration: underline; font-weight: normal; }
ul.print li a:hover { color: #dd3623; }
.team-inq { width: 620px; margin: 0px auto; }
.team-section .container { position: relative; }
.team-section .owl-carousel .owl-wrapper-outer { position: static; }
.team-section .owl-carousel { position: static; }
.tab-section {position:relative;}
.tabs_section { float: left; top: -150px; width: 100%; position:absolute; }
.gallery-txt{ padding:0 10px;}

.resp-tab-active .red{ background:#dd3623;}
.resp-tab-active .yellow{ background:#da9f3b;}
.resp-tab-active .pink{ background:#c93f6c;}
.resp-tab-active .blue{ background:#1c7ab0;}
.resp-tab-active .green{ background:#04a3a1;}
/**/
.portfolio-tab-wrp .blue::before, .portfolio-tab-wrp .pink::before, .portfolio-tab-wrp .green::before, .portfolio-tab-wrp .yellow::before{ display:none;}
ul.portfolio-img li{ margin: 0 8px;}
ul.portfolio-img li a{ display:block;}
ul.portfolio-img li .btm-links a{ display:inline-block;}
.portfolio-tab-wrp .resp-tabs-container .resp-tab-content h2{ padding-top:0;line-height: normal; padding-bottom:30px;}

/*8 july css */

.inner-content {padding-top:100px;}
.inner-content h1{color:#dd3623; font-size:38px; text-align:center; line-height:38px; padding-bottom:30px; text-transform:uppercase;}
.banner-img img{width:100%;}
.inner-wrap-content{padding:60px 50px;}
.inner-wrap-content p{font-size:18px; color:#4b4b4b; line-height:25px; padding-bottom:30px;}

.service-content h1{ font-size:29px; color:#4b4b4b; text-align:left;  line-height:35px; }
.service-content h1 a{color:#4b4b4b; }
.service-content h1 a.active,.service-content h1 a:hover{color:#dd3623; }
.service-content h2{font-size:18px; font-family: 'Ubuntu', sans-serif; font-weight:500; color:#4b4b4b; padding-bottom:20px;}
.text-right{text-align:right; position:absolute; right:0; top:0;}
.heading-top{position:relative;}

.btn-design{background:#da9f3b; border:none; color:#fff; padding:8px 15px; cursor:pointer; font-family: 'Ubuntu', sans-serif; font-weight:600;}
.team p{color:#4b4b4b; font-size:15px; text-align:center; line-height:18px;}
.team p span{display:block;}

.team-content h3,.team-content h5{text-align:center;}

.team-content h3{font-size:20px; font-family: 'Ubuntu', sans-serif; font-weight:500; color:#333;}
.team-content h5{font-size:15px; color:#777777; padding:20px 0 50px;}
.team-content p{text-align:left; font-size:15px; color:#4b4b4b; line-height:22px;}
.team-content h4{font-size:15px; color:#4b4b4b; text-transform:uppercase; padding:10px 0;}
.team-content h4 .fa{font-size:23px; color:#fb0404; padding-right:25px;}
.input-group {background:#f0eeee;   padding:8px; margin-bottom:30px; line-height:3;}
.input-group .icon-img{float:left; padding:0px 25px; }
.input-group input{float:left; color:#333; height:46px; background:none; border:none;  border-left:1px solid #e4776b; font-size:18px; font-weight:300; font-family: 'Ubuntu', sans-serif; padding:0 15px; width:82%;}

.input-group textarea{float:left; color:#333; min-height:200px; background:none; border:none;  border-left:1px solid #e4776b; font-size:18px; font-weight:300; font-family: 'Ubuntu', sans-serif; padding:0 15px; width:82%; resize:none;}

.contact-content p span{display:block;}
.contact-content h2{color:#dd3623; font-family: 'Ubuntu', sans-serif; font-weight:600; font-size:18px;}

.contact-content p{color:#4b4b4b;  font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:18px;}
.contact-content p a{color:#4b4b4b;}
.cont-btn .btn{background:#cf3d23; border:none; padding:8px 19px; font-size:16px; color:#fff; text-transform:uppercase; cursor:pointer; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;}
.cont-btn .btn:hover{background:#b32107; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; }