/* Theme Name: Agency Portfolio 
	Version: 1.0
	Author: TDS
	Author Uri: http://thinkdonesolutions.com/
*/
@font-face {
  font-family: 'Caros';
  src: url('assets/css/fonts/Caros.eot?#iefix') format('embedded-opentype'),  url('assets/css/fonts/Caros.otf') format('opentype'),
url('assets/css/fonts/Caros.woff') format('woff'), url('assets/css/fonts/Caros.ttf') format('truetype'), url('assets/css/fonts/Caros.svg#Caros') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CarosLight';
  src: url('assets/css/fonts/CarosLight.eot?#iefix') format('embedded-opentype'),  url('assets/css/fonts/CarosLight.otf') format('opentype'),
url('assets/css/fonts/CarosLight.woff') format('woff'), url('assets/css/fonts/CarosLight.ttf') format('truetype'), url('assets/css/fonts/CarosLight.svg#CarosLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {font-family: 'AnoBold-UpperLower';
  src: url('assets/css/fonts/AnoBold-UpperLower.eot?#iefix') format('embedded-opentype'),  url('assets/css/fonts/AnoBold-UpperLower.otf') format('opentype'),
url('assets/css/fonts/AnoBold-UpperLower.woff') format('woff'), url('assets/css/fonts/AnoBold-UpperLower.ttf') format('truetype'), url('assets/css/fonts/AnoBold-UpperLower.svg#AnoBold-UpperLower') format('svg');
  font-weight: normal;
  font-style: normal;}
body{font-family: 'Caros';}
*{ margin:0; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;}
#about, #testimonials, #contact{display:block; clear:both;}
img{max-width:100%;}
a:hover{text-decoration:none;}
a:focus, input:focus, button:focus, img:focus, textarea:focus{outline:none;}
.noPadding{padding:0;}
.noPaddingLeft{padding-left:0;}
.noPaddingRight{padding-right:0;}
.topHeader{width:100%; display:inline-block; float:left;}
.logoCont{float:left; margin:15px 0;}
nav.rightMenu{float:right;}
nav.rightMenu ul{margin:0; padding:0;}
nav.rightMenu ul li a{color:#6e54c7; font-size:16px; float:left; -moz-transition:ease-in-out .5s; -webkit-transition:ease-in-out .5s; transition:ease-in-out .5s;}
nav.rightMenu ul li{padding:20px 15px;}
nav.rightMenu ul li:last-child{padding:13px 15px;}
nav.rightMenu ul li:last-child a{padding:7px 20px; border-radius:4px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9593+0,ff77a2+100 */
background: rgb(255,149,147); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTU5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjc3YTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(255,149,147,1) 0%, rgba(255,119,162,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,149,147,1)), color-stop(100%,rgba(255,119,162,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(left, rgba(255,149,147,1) 0%,rgba(255,119,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(left, rgba(255,149,147,1) 0%,rgba(255,119,162,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(left, rgba(255,149,147,1) 0%,rgba(255,119,162,1) 100%); /* IE10 preview */
background: linear-gradient(to right, rgba(255,149,147,1) 0%,rgba(255,119,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9593', endColorstr='#ff77a2',GradientType=1 ); /* IE6-8 */ color:#fff;}
nav.rightMenu ul li:not(:last-child) a:hover{color:#ff7ba0;}
nav.rightMenu ul li:last-child a:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff77a2+0,ff9593+100 */
background: rgb(255,119,162); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzdhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjk1OTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(255,119,162,1) 0%, rgba(255,149,147,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,119,162,1)), color-stop(100%,rgba(255,149,147,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(left, rgba(255,119,162,1) 0%,rgba(255,149,147,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(left, rgba(255,119,162,1) 0%,rgba(255,149,147,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(left, rgba(255,119,162,1) 0%,rgba(255,149,147,1) 100%); /* IE10 preview */
background: linear-gradient(to right, rgba(255,119,162,1) 0%,rgba(255,149,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff77a2', endColorstr='#ff9593',GradientType=1 ); /* IE6-8 */}
.body_container{width:100%; float:left;}
.bannerSect{width:100%; display:inline-block; background:url(assets/img/banner.jpg) no-repeat center; background-size:cover;}
.bannerSect h1{font-size:46px; color:#fff; text-align: center; padding-top:200px;}
.bannerSect p{font-size:28px; line-height:45px; text-align:center; color:#fff; padding:20px 0 260px;font-family: 'CarosLight';}
.portfolioSect{width:100%; float:left; padding-top:80px; position:relative; z-index:1;}
.portfolioSect h2{font-family: 'AnoBold-UpperLower'; font-size:28px; color:#b282ee; text-align:center; font-weight:normal;}
.portfolioSect h3{color:#626c84; font-weight:500; font-size:36px; text-align:center; margin-top:30px;}
.portfolioTabs > .nav-tabs{ text-align:center; align-items:center; justify-content:center; border:none; margin-top:50px;}
.portfolioTabs > .nav-tabs li a{ font-size:24px; color:#626c84; padding:10px 25px;font-family: 'CarosLight'; border-radius:0 32px 32px 0; border:2px solid rgba(255,119,162,1);}
.portfolioTabs > .nav-tabs li:first-child a{border-radius:32px 0 0 32px;}
.portfolioTabs > .nav-tabs li a.active, .portfolioTabs > .nav-tabs li a:hover{/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTU5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjc3YTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(255,149,147,1) 0%, rgba(255,119,162,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,149,147,1)), color-stop(100%,rgba(255,119,162,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(left, rgba(255,149,147,1) 0%,rgba(255,119,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(left, rgba(255,149,147,1) 0%,rgba(255,119,162,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(left, rgba(255,149,147,1) 0%,rgba(255,119,162,1) 100%); /* IE10 preview */
background: linear-gradient(to right, rgba(255,149,147,1) 0%,rgba(255,119,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9593', endColorstr='#ff77a2',GradientType=1 ); /* IE6-8 */ color:#fff; border-color:transparent; border-right-color:rgba(255,119,162,1);}
#portfolio, #videoSales {margin: 30px 0;-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 2rem;-moz-column-gap: 2rem;column-gap: 2rem;-webkit-column-width: 50%;-moz-column-width: 50%;column-width: 50%;}
.tileTab {-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all 350ms ease;transition: all 350ms ease;border-radius:5px;overflow:hidden;margin-bottom: 1rem;background:#000;position:relative;}
.playBtn{position:absolute; top:50%; left:50%; -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); opacity:0;}
.tileTab .playBtn img{max-width:50px;}
.playBtn svg path{color:#fff;}
.scale-anm {transform: scale(1);}
.tileTab img {max-width: 100%;width: 100%;height: auto;-moz-transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s;transition:all ease-in-out .5s;}
.tileTab:hover > img{opacity:.5;}
.tileTab:hover .playBtn{opacity:1;}
.btnTab {font-family: Lato;font-size: 24px;font-weight: 500;text-decoration: none;cursor: pointer;display: inline-block;line-height: normal;margin: 0 45px 0 0;height: auto;vertical-align: middle;-webkit-appearance: none;color: #b282ee;background:none;border:none;padding:0 5px;}
.btnTab.active, .btnTab:hover{border-bottom:2px solid #b282ee;}
.btnTab:focus {outline: none;border-color: var(--darken-2);box-shadow: 0 0 0 3px var(--darken-3);}
::-moz-focus-inner {border: 0;padding: 0;}
.toolbar.mb2.mt2{margin-top:60px;}
.aboutSect{width:100%; float:left; background:url(assets/img/wave-1.png) no-repeat center; background-size:100% auto; background-position:center top; padding-top:400px; margin-top:-200px;}
.headingAll{ font-size:40px; color:#b282ee; text-align:center; padding-top:30px;}
.aboutSectIner{width:100%; float:left; position:relative; padding-top:150px;}
.aboutImg{width:55%; float:left; display:inline-block; border-radius:100px; transform:skewY(15deg) translate(-45%,-10%); overflow:hidden; position:relative; z-index:1;}
.aboutImgborder{ position:absolute; width:60%; height:80%; border:1px solid #b282ee; border-radius:100px;  transform:skewY(15deg) translate(-40%,3%);}
.aboutImg img{width:100%; height:auto;}
.aboutCont{width:40%; float:left; padding-top:50px;}
.aboutCont h5{font-size:40px; color:#626c84;}
.aboutCont p{font-family: 'CarosLight'; font-size:24px; color:#737373; line-height:45px;}
.designProcesSect{width:100%; float:left;}
.aboutCont a{ font-size:26px; color:#ff7ba0; text-transform:uppercase; display:inline-block; margin:20px 0 0;}
.aboutCont a:after{content:''; width:46px; height:2px; background:#ff7ba0; display:inline-block; float:right; margin:20px 0 0 30px;}
.designProcesSect{width:100%; float:left; padding-top:80px;}
.designCont{width:100%; -webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-webkit-column-gap: 7rem;-moz-column-gap: 7rem;column-gap: 7rem;-webkit-column-width: 33.333%;-moz-column-width: 33.333%;column-width: 33.333%; float:left; margin:80px 0 0; text-align:center}
.designCont h5{color:#626c84; font-size:32px; text-align:center; margin-top:20px;}
.designCont p{ font-size:20px; color:#737373; line-height:35px;font-family: 'CarosLight';}
.testimonialSect{width:100%; float:left; background:url(assets/img/wave-2.png) no-repeat center; background-size:100% auto; background-position:center top; margin-top:90px; padding-top:180px; text-align:center;}
.testImg{width:134px; height:134px; border-radius:50%; overflow:hidden; display:inline-block;}
#testiCarousel .carousel-indicators{position:static; margin:60px 0 0;}
#testiCarousel{ margin:80px 0 0;}
#testiCarousel h5{ font-size:28px; color:#626c84; padding-top:20px;}
#testiCarousel p{ font-size:24px; color:#737373; line-height:45px; margin:30px 0 0;font-family: 'CarosLight'; width:65%; display:inline-block;}
#testiCarousel .carousel-indicators li{width:20px; height:20px; border-radius:50%; background:rgba(255,119,162,.1); margin:0 8px;}
#testiCarousel .carousel-indicators li.active{background:rgba(255,119,162,1);}
.footerCont{width:100%; float:left; background:url(assets/img/footer-back.png) no-repeat center; background-size:cover; margin:100px 0 0; padding-top:200px; text-align:center;}
.footerCont h5{ font-size:50px; color:#fff; text-align:center;}
.footerCont p{ font-size:26px; color:#fff; text-align:center;}
.contactForm{display:inline-block; max-width:550px; width:100%; margin:40px auto 0;}
.contactForm ul{width:100%; float:left;}
.contactForm ul li{width:100%; display:inline-block; float:left; margin-bottom:25px;}
.contactForm ul li input[type=text], .contactForm ul li input[type=email], .contactForm ul li input[type=tel]{width:100%; display:inline-block; background:#fff; border-radius:5px; height:74px; padding:0 15px; font-size:22px; color:#626c84; border:none;}
.contactForm ul li textarea{width:100%; display:inline-block; border-radius:5px; height:152px; padding:15px;font-size:22px; color:#626c84; border:none;}
.contactForm ul li input[type=submit], .contactForm ul li input[type=button], .contactForm ul li button{width:100%; display:inline-block; height:58px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9593+0,ff77a2+100 */
background: rgb(255,149,147); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTU5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjc3YTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(255,149,147,1) 0%, rgba(255,119,162,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,149,147,1)), color-stop(100%,rgba(255,119,162,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(left, rgba(255,149,147,1) 0%,rgba(255,119,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(left, rgba(255,149,147,1) 0%,rgba(255,119,162,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(left, rgba(255,149,147,1) 0%,rgba(255,119,162,1) 100%); /* IE10 preview */
background: linear-gradient(to right, rgba(255,149,147,1) 0%,rgba(255,119,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9593', endColorstr='#ff77a2',GradientType=1 ); /* IE6-8 */ color:#fff; text-align:center; border:none; border-radius:5px; cursor:pointer; font-size:22px; font-weight:500;}
.contactForm ul li input[type=submit]:hover, .contactForm ul li input[type=button]:hover, .contactForm ul li button:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff77a2+0,ff9593+100 */
background: rgb(255,119,162); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzdhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjk1OTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(255,119,162,1) 0%, rgba(255,149,147,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,119,162,1)), color-stop(100%,rgba(255,149,147,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(left, rgba(255,119,162,1) 0%,rgba(255,149,147,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(left, rgba(255,119,162,1) 0%,rgba(255,149,147,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(left, rgba(255,119,162,1) 0%,rgba(255,149,147,1) 100%); /* IE10 preview */
background: linear-gradient(to right, rgba(255,119,162,1) 0%,rgba(255,149,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff77a2', endColorstr='#ff9593',GradientType=1 ); /* IE6-8 */}
.footerBotom{width:100%; float:left; background:rgba(0,0,0,.4); padding:15px 0; margin:40px 0 0;}
.footerBotom p{ font-size:22px; color:#fff; text-align:center; margin-bottom:0; float:left; width:100%;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ng, div.wpcf7-aborted{clear:both;}
span.wpcf7-not-valid-tip{text-align:left;}
div.wpcf7 .ajax-loader{background-color: #FFF;
   padding: 18px;
   background-repeat: no-repeat;
   background-position: center center;
   border-radius: 50%;
   margin-top: 20px;}
@media only screen and (min-width:1700px){
	.aboutSect{padding-top:500px;}
	.footerCont{padding-top:370px;}
}
@media only screen and (max-width:1200px){
	.btnTab{ margin:0 30px 0 0;}
	.aboutSect{padding-top:300px;}
	.testimonialSect{padding-top:110px;}
	.footerCont{padding-top:100px;}
}
@media only screen and (max-width:992px){
	.btnTab{ margin:0 20px 10px 0; font-size:18px;}
	nav.rightMenu, .topHeader .col-md-8{position:static;}
	.topHeader{position:relative;}
	.topHeader .navbar-collapse{position:absolute; width:100%; top:100%; left:0; background:#fff; z-index:3;}
	nav.rightMenu ul li, nav.rightMenu ul li:last-child{padding:0;}
	nav.rightMenu ul li a, nav.rightMenu ul li:last-child a{padding:15px 10px; text-align:center; width:100%;background:none; color:#6e54c7;}
	nav.rightMenu ul li a{border-bottom:1px solid #6e54c7;}
	nav.rightMenu ul{border-top:5px solid #6e54c7;}
	.bannerSect h1{padding-top:100px;}
	.bannerSect p{padding-bottom:150px;}
	.aboutCont{width:45%;}
	.aboutImgborder{height:65%;}
	.designCont{-webkit-column-gap:1rem; -moz-column-gap:1rem; column-gap:1rem;}
}
@media only screen and (max-width:768px){
	.btnTab{border:2px solid transparent; float:left;}
	.aboutSect{padding-top:200px; margin-top:-150px;}
	.aboutImg{width:100%; transform:none;}
	.aboutImgborder{display:none;}
	.aboutCont, #testiCarousel p{width:100%;}
}
@media only screen and (max-width:576px){
	.bannerSect h1{font-size:40px;}
	.bannerSect p{font-size:22px; padding-bottom:100px;}
	.portfolioTabs > .nav-tabs li{width:50%; float:left;}
	.portfolioTabs > .nav-tabs li a{width:100%; padding:10px 0; display:inline-block; float:left; font-size:22px;}
	#portfolio, #videoSales, .designCont{-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:0; -moz-column-gap:0; column-gap:0;}
	.aboutSectIner{padding-top:50px;}
	.designCont > div{margin-bottom:20px;}
	.designCont{margin-top:40px;}
}
@media only screen and (max-width:480px){
	.bannerSect h1{padding-top:50px;}
	.bannerSect p{line-height:35px;}
	.portfolioTabs > .nav-tabs li a{font-size:14px;}
	.portfolioTabs > .nav-tabs{width:100%; float:left; margin-top:0; margin-bottom:30px;}
	.btnTab{font-size:14px; margin:0 15px 10px 0;}
	.portfolioSect h3{font-size:30px;}
	.headingAll{font-size:30px; padding:0;}
	.aboutImg{border-radius:10px;}
	.aboutCont h5, .footerCont h5{font-size:30px;}
	.aboutCont a{font-size:20px; margin-top:0;}
	.aboutCont p, #testiCarousel p{font-size:16px; line-height:30px;}	
	.aboutCont a:after{margin:15px 0 0 30px;}
	.designProcesSect{padding-top:40px;}
	.footerCont p{font-size:20px;}
	.contactForm ul li input[type=text], .contactForm ul li input[type=email], .contactForm ul li input[type=tel]{font-size:18px; height:40px;}
	.contactForm ul li textarea{font-size:18px;}
	.contactForm ul li{margin-bottom:15px;}
}