body {
margin : 0 auto !important ;
padding : 0 !important ;
}
.left-container img {
width : 100% !important ;
float : left !important ;
height : auto !important ;
}


.res{width:100% !important; height:auto !important}



#website-description {
height: auto !important;
width : 100% !important;
float : left;

text-align : center;


}
.break {
font-size : 25px !important ;
text-transform : uppercase;
color : #fff !important ;
}
.content {
height : auto;
padding-left : 10%;
padding-right : 10%;
width : 80%;
float : left;
padding-top : 20px;
padding-bottom : 20px;
}
#recent-work {
text-align : center;
background-color : #339966;
width : 100%;
float : left;
padding-top : 40px;
padding-bottom : 40px;
}
#main-title {
font-size : 60px;
padding : 0;
margin : 0;
text-transform : uppercase;
font-family : 'Mukta Mahee', sans-serif;
color : #fff;
font-weight : bold;
}
h2 {
font-size : 30px;
padding : 0;
margin : 0;
font-family : 'Open Sans', sans-serif;
color : #339966;
text-transform:uppercase
}
h3 {
font-size : 30px;
padding : 0;
margin : 0;
font-family : 'Open Sans', sans-serif;
color : #000;
margin-bottom : -10px !important ;
text-transform:uppercase
}
h5 {
font-size : 30px;
padding : 0;
margin : 0;
font-family : 'Open Sans', sans-serif;
color : #000;
margin-bottom : -10px !important ;
text-transform:uppercase
}
h6 {
font-size : 30px;
margin-bottom : -10px !important ;
padding : 0;
margin : 0;
font-family : 'Open Sans', sans-serif;
color :#000;
text-transform:uppercase
}
h4 {
font-size : 40px;
padding : 0;
margin-bottom : 10px !important ;
margin : 0;
font-family : 'Mukta Mahee', sans-serif;
color : #fff;
font-weight : normal;
}
p {
font-size : 20px;
line-height : 30px;
color : #666;
font-family : 'Open Sans', sans-serif;
}
.letters {
letter-spacing : 8px;
}
.left-container {
width : 45%;
float : left;
height : auto;
}
.right-container {
width : 45%;
float : right;
height : auto;
}
.website_projects img {
width : 100% !important ;
height : auto !important ;
}
footer {
width : 100%;
height : auto;
float : left;
font-family : 'Mukta Mahee', sans-serif;
text-align : center;
background-color : #000;
padding-top : 30px;
padding-bottom : 30px;
color : #666;
}
footer a {
color : #999;
font-size : 30px;
}
ul .fa {
color : #000 !important ;
}
ul {
padding-top : 10px;
padding-left : 0;
margin-left : 0;
}
ul li {
list-style : none;
font-size : 20px;
line-height : 30px;
margin-bottom : 10px;
color : #666;
font-family : 'Open Sans', sans-serif;
}
h5, h6 {
color : #CC2262 !important ;
}
.responsive-image {
width : 100%;
height : auto !important ;
float : left;
margin-top : 20px;
}
.italics {
color : #CC2262 !important ;
font-style : italic;
}
@media screen and (max-width:3000px) and (min-width:800px) {
}
@media screen and (max-width:3000px) and (min-width:699px) {
.recent-work-text {
color : #fff !important ;
width : 60%;
margin-left : 20%;
margin-right : 20%;
}
.website_projects {
box-sizing : border-box;
padding : 5px;
border-radius : 5px;
width : 30%;
}
.projects-content {
height : auto;
padding-left : 10%;
padding-right : 10%;
width : 80%;
float : left;
padding-top : 20px;
padding-bottom : 20px;
display : flex;
justify-content : space-between;
}
.desk-bottom {
padding-bottom : 30px;
}
}
@media screen and (max-width:800px) and (min-width:701px) {
.second-left {
width : 100%;
float : left;
height : auto;
text-align : center;
margin-bottom : 30px;
}
.second-right {
width : 100%;
float : left;
height : auto;
text-align : center;
}
}
@media screen and (max-width:3000px) and (min-width:701px) {.bgt{display:none}}
@media screen and (max-width:700px) and (min-width:0px) {
	
	h1, h2, h3, h4, h5{font-size:25px}
	
	.hiq{display:none}
#main-title {
font-size : 80px;
padding : 0;
margin : 0;
text-transform : uppercase;
font-family : 'Mukta Mahee', sans-serif;
color : #fff;
margin-top : 20px;
}
.lhit {
line-height : 50px;
}
.break {
line-height : 0 !important ;
}
h4 {
font-size : 35px !important ;
padding : 0;
margin-bottom : 10px !important ;
margin : 0;
font-family : 'Mukta Mahee', sans-serif;
color : #fff;
width : 90%;
margin-left : 5%;
margin-right : 5%;
}

.recent-work-text {
color : #fff !important ;
width : 80%;
margin-left : 10%;
margin-right : 10%;
padding-bottom : 10px;
margin-bottom : 0 !important ;
}
.projects-content {
height : auto;
padding-left : 10%;
padding-right : 10%;
width : 80%;
float : left;
padding-top : 20px;
padding-bottom : 20px;
}
.website_projects {
box-sizing : border-box;
padding : 5px;
border-radius : 5px;
width : 100%;
margin-bottom : 30px;
}

#main-title {
font-size : 50px;
color : #fff;
}
h4 {
font-size : 40px;
}
.letters {
letter-spacing : 5px;
}
.left-container {
width : 100%;
float : left;
height : auto;
text-align : center;
margin-bottom : 0px;
}
.right-container {
width : 100%;
float : left;
height : auto;
text-align : center;
}
.top {
padding-top : 0 !important ;
}
.bottom {
padding-bottom : 0 !important ;
}
.list-align {
text-align : left !important ;
}
}
@media screen and (max-width:800px) and (min-width:740px) {
.buttons {
width : 80% !important ;
margin-left : 10% !important ;
margin-right : 10% !important ;
}

}
@media screen and (max-width:3000px) and (min-width:801px) {
.right-container p{margin-top:50px !important}
.clear{margin-bottom:70px !important}

.vt{margin-top:30px !important
}}

@media screen and (max-width:800px) and (min-width:0px) {
	.vt{margin-top:10px !important}
.desk-bottom, .bva{margin-bottom:-20px !important}


.right-container p{margin-top:0px 
}
.clear{margin-bottom:40px !important}
}
@media screen and (max-width:3000px) and (min-width:701px) {
.tbb {
margin-top : 20px !important ;
float : left;
margin-bottom : 20px !important ;
}
.buttons {
width : 60%;
height : auto;
overflow : auto;
overflow : hidden;
float : left;
margin-left : 20%;
margin-right : 20%;
text-align : center;
display : flex;
align-items : center;
justify-content : center;
}
body .button {
padding : 20px;
font-size : 20px;
border-radius : 5px;
text-align : center;
height : auto !important ;
background-color : #fff;
font-family : 'Mukta Mahee', sans-serif;
color : #000;
margin-top : 30px;
text-transform : uppercase;
}
.whit {
background-color : #fff;
align-self : flex-start;
color : #fff !important ;
margin-right : 10%;
margin-right : 30px !important ;
background-color : #CC2262 !important ;
}
}
.cold {
color : #fff !important ;
}
@media screen and (max-width:700px) and (min-width:0px) {
	
	.submits{width:100% !important; padding-left:0px !important; padding-right:0px !important}
	
	.bigtw{font-size:30px !important; line-height:40px !important;
	padding-bottom:0px !important; margin-bottom:0px !important}
	.tyq{margin-top:15px !important}
.tely {
font-size : 27px !important ;
font-weight : normal;
}
.home {
width : 100%;
height : auto;
float : left;
font-size : 30px !important ;
margin-top : 5px !important ;
}
.submits {
width : 100%!important ;
height : 60px;
margin-bottom : 10px;
float : left;
background-color : #000;
font-size : 20px;
color : #fff;
padding:15px !important;
text-transform : uppercase;
font-family : 'Mukta Mahee', sans-serif;
}
.buttons {
width : 70%;
height : auto;
overflow : auto;
overflow : hidden;
float : left;
margin-left : 15%;
margin-right : 15%;
align-items : center;
margin-top : 0 !important ;
}
.button {
padding-top : 20px;
padding-bottom : 20px;
font-size : 20px;
border-radius : 5px;
text-align : center;
height : auto !important ;
background-color : #fff;
width : 100%;
margin-bottom : 30px;
display : block;
border-radius : 5px;
font-family : 'Mukta Mahee', sans-serif;
color : #000;
margin-top : 30px;
text-transform : uppercase;
}
.whit {
background-color : #CC2262;
color : #fff !important ;
}
}
.tbb {
margin-top : 10px !important ;
float : left;
margin-bottom : 20px;

}
body .form-control {
font-family : "FontAwesome" !important ;
}
.form-box {
height : 40px !important ;
margin-bottom : 10px !important ;
padding-left : 2% !important ;
padding-right : 1% !important ;
color : #666 !important ;
font-size : 18px !important ;
border : #666 solid 1px !important ;
float : left !important ;
width : 97%;
}
.submits {
width : auto !important ;
height : 60px;
margin-bottom : 10px;
float : left;
background-color : #000;
font-size : 20px;
color : #fff;
padding:15px !important;
text-transform : uppercase;
font-family : 'Mukta Mahee', sans-serif;
}
.boty {
margin-bottom : 15px !important ;
}
.buttons a {
cursor : pointer;
}
.tely {
font-size : 35px;
font-weight : normal;
}
.home a {
text-decoration : none;
color : #fff;
}
.home {
width : 100%;
height : auto;
float : left;
font-size : 40px;
margin-top : 30px;
display : none;
font-family : 'Mukta Mahee', sans-serif;
}
.recent-work-text a {
color : #fff !important ;
font-size : 30px !important ;
letter-spacing : 13px !important ;
}


.bva{margin-bottom:20px !important; position:relative !important}


.carousel,.carousel-inner,.carousel-item{position:relative}.carousel-inner{width:100%;overflow:hidden}.carousel-item{display:none;width:100%}
.carousel-item-next,.carousel-item-prev{position:absolute;top:0}@media (-webkit-transform-3d){.carousel-item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@supports ((-webkit-transform:translate3d(0,0,0)) or (transform:translate3d(0,0,0))){.carousel-item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:40px;height:40px;color:#000!important;background:center center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;max-width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)}.carousel-indicators li::after,.carousel-indicators li::before{left:0;display:inline-block;width:100%;height:10px;content:"";position:absolute}.carousel-indicators li::before{top:-10px}.carousel-indicators li::after{bottom:-10px}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%}body .carousel-item img{width:100%!important;height:auto!important}


/*FIREFOX SLIDER POSITIONING*/
.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:flex}

/*SAFARI AND CHROME SLIDER POSITIONING*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:inline-block !important}
}


/*IE 11 AND EDGE SLIDER POSITIONING*/

@charset "<Internet Explorer 11 and Microsoft Edge>"; _:-ms-lang(x), .carousel-item-next,.carousel-item-prev,.carousel-item.active{display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important}



/******************************************************************************/


/*ARROWS DESKTOP*/
.arrow-color{color:#fff!important;font-size:50px!important;opacity:.5}

/*ARROWS MOBILE*/
@media screen and (max-width:750px) and (min-width:0px){.arrow-color{color:#fff!important;font-size:25px!important;opacity:.5}
.video-wrapper{margin-bottom:30px !important}
	.cont-left{width:100% !important; float:left; height:30px; overflow:auto;
height:auto; overflow:hidden;
margin-bottom:50px;
color:#666
}
.cont-right{width:100% !important; float:left; height:30px; overflow:auto; height:auto; overflow:hidden; 

color:#666}

.submits {
width : 100% !important ;
height : 60px;
margin-bottom : 10px;
float : left;
background-color : #000;
font-size : 20px;
color : #fff;
padding:15px !important;
text-transform : uppercase;
font-family : 'Mukta Mahee', sans-serif;
}
}



/*DEFAULT 100% WIDTH & 10% MARGINS*/
.slider-container{float:left;height:auto;overflow:auto;overflow:hidden;width:100%;
margin-top:-5px; padding-bottom:0px !important;}

.tyq{margin-top:30px}

.chapt .fa {color:#fff!important}


.chapt{float:left !important; margin-bottom:10px !important; width:100% !important; display:block !important}


body *h{color:#339966 !important}


.numbers{color:#000 !important}

.bap{padding:15px !important; background-color:#000 !important; color:#fff !important; float:left; display:block; display:inline-block !important; top:20px !important}
.hund{width:100%; height:2px; float:left; margin-top:10px;}
#message {
    height: 100px!important;
    margin-bottom: 10px!important;

	background-repeat:no-repeat;
    padding-left: 2%!important;
    padding-right: 2%!important;
    
    color:#000 !important;
    font-size: 16px!important;
    border: 1px solid #666!important;
	
	padding-top:15px;
    float: left!important;
	width:96%;
}

.bigtw{font-size:30px !important; line-height:40px !important}

.old{color:#339966 !important; font-weight:bold !important}

.submits{border:none; outline:none;
background-color:#339966 !important; cursor:pointer;
 padding-left:20px !important; padding-right:20px !important}
	.bigtw{ margin-bottom:10px !important}