@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

html, body{
	margin: 0px;
	padding: 0;
	overflow-x: hidden;
	--ms-overflow-style: inherit;
	font-family: 'Roboto Condensed', sans-serif;
}
hr {
	width: 100px;
	border-color: #fff;
	margin-left: 0;
	margin-top: -2px;
	border-width: 2px;
}
#preload{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background-color: #b8e3ff;
}
#preload img{
  position:absolute;
  width:200px;
  height:200px;
  left:44%;
  top:35%;
  overflow:visible;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:default;
  z-index: 9999;
}
.container-fluid{
    max-width: 1366px;
}

/*HEADER START*/
#header .logo{
	margin-left: 15px;
    margin-top: 10px;
    width: 400px;
    height: 120px;
}
#header .topsocial{
	margin-top: 35px;
    margin-left: -84px;
}
#header .topsocial span{
	margin-left: 12px;
}
#header .topsocial span:hover img{
    opacity: .6;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
#header .toplink{
	margin-left: 0px;
	padding-right: 15px;
	padding-top: 15px;
}
#header .toplink img{
    margin: 0 5px 0 0;
} 
#header .toplink a{
	font-size: 1.3em;
	text-decoration: none;
	color: #999999;
}
#header .toplink a:hover{
	color: #2426B3;
    webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    transition: color 300ms ease;
	}

#header .navbar-default{
	background: none;
	border: none;

}
.nav-utility {
    background-color: #2426B3;
    width: 62%;
    min-width: 360px;
    position: absolute;
    top: 10px;
    right: 0px;
    font-size: 1.43em;
    line-height: 13px;
    padding-left: 0;
    padding-top: 2px;
}
.nav-utility::before{
    content: "";
    width: 25px;
    height: 100%;
    background-color: #2426B3;
    position: absolute;
    top: 0;
    left: -16px;
    -webkit-transform: skew(-16.5deg, 0deg);
    -moz-transform: skew(-16.5deg, 0deg);
    -ms-transform: skew(-16.5deg, 0deg);
    -o-transform: skew(-16.5deg, 0deg);
    transform: skew(-16.5deg, 0deg);
}
.navbar-default li{
  display: inline; 
  color: #ffffff00;
}
.navbar-default .navbar-nav li a{
	text-decoration: none;
	color: #fff;
	padding-right: 17px;
    padding-left: 17px;

}
/*.nav-utility .navbar-nav .active a{
	color: #fff;
	background-color: #ffffff00;
}
.nav-utility .navbar-nav .active a:hover{
	background-color: #ffffff00;
	color: #0089C9;
}*/
.nav-utility .navbar-nav li a:hover{
	color: #0089C9;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.navbar-default .navbar-collapse {
    border-color: #e7e7e700;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background-color: #2426b3;
}
#myCarousel{
	margin-top: 0px;
}
.carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 50px;
}

/*HEADER END*/

/*SERVICE1 START*/
.service1{
	text-align: center;	
	margin-top: 20px;
	margin-bottom: 20px;
}
.service1 h3{
	display: block;
	padding: 25px 0 25px 0;
}
.service1 .bor{
	border-left: 1px solid;
}
.service1 a{
	color: #2426B3;
	text-decoration: none;
}
.service1 a h3:hover{
	color: #FFF;
	background-color: #2426B3;
    webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    transition: color 300ms ease;
}


/*SERVICE1 END*/

/*ABOUT START*/
.about{
	background-color: #2426B3;
	height: 525px;

	margin-bottom: 100px;
    max-width: 100%;
}
/*.about img{
	padding-top: 35px;
	padding-left: 0px;
	padding-right: 0px;
	height: 565px;
    width: 665px;
    margin-left: -15px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}*/
.about iframe{
    width: 600px;
    height: 490px;
    padding: 0;
    margin: 15px;
}
.about h2{
	color: #fff;
	font-weight: 600;
	padding-top: 50px;
	padding-left: 40px;
}
.about hr{
	width: 115px;
    border-color: #fff;
    margin-left: 40px;
    margin-top: -2px;
    padding-left: 9px;
}
.about p{
	color: #fff;
    font-size: 1.1em;
    padding: 5px 40px 5px 40px;
}
.about a{
    text-decoration: none;
}
.about a p:hover{
    color: #008DD0;
    webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    transition: color 300ms ease;
}
.about .iconarrow{
	width: 21px;
    height: 20px;
    padding-top: 0px;
    margin: 0px 0px 2px 7px;
}

/*ABOUT END*/


/* SERVICES */
#mainservices{
	margin: 20px 0 100px 0; 
}
#mainservices h2{
	color: #2426B3;
	font-weight: 500;
}
#mainservices hr{
	width: 110px;
    border-color: #2426B3;	
}
#mainservices .item{
	border: 1px solid;
	height: 500px;
	margin: 0 20px 0 20px;
}
#mainservices h3{
	font-weight: 700;
    padding: 18px 0 0 20px;
    text-align: left;
    color: #000;
}
#mainservices p{
	margin: 0px 50px 0px 20px;
    padding: 0px 0px 0px 0;
    text-align: left;
    font-size: 1.1em;
    color: #000;
}
#mainservices .know{
	margin: 12px 0 0 23px;
    padding: 0 0 0 0;
    text-align: left;
    color: #000;
    font-size: 1em;
    font-weight: 500;
}
#mainservices a{
	text-decoration: none;
}
#mainservices a .know:hover{
    color: #008DD0;
    webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    transition: color 300ms ease;
}
#mainservices .iconarrow{
	width: 21px;
    height: 21px;
    margin: -22px 0 0 82px;
}

/* SERVICES*/


/* EVENT START */
.event{
	background-color: #2426B3;
	height: 525px;
}
.event h2{
	margin-left: 109px;
	color: #fff;
	font-weight: 500;
}
.event hr{
	margin-left: 109px;
}
#event .eve{
    margin: 0 0 0 35px;
}
.event1{
	background: url(../images/event/homeevent/event1.jpg);
    height: 460px;
    width: 390px;
    margin: 45px 0 0 0 ;
    z-index: 2;
}
.event2{
	background: url(../images/event/homeevent/event2.jpg);
    height: 460px;
    width: 390px;
    margin: 45px 0 0 0 ;
    z-index: 2;
}
.event3{
	background: url(../images/event/homeevent/event3.jpg);
    height: 460px;
    width: 390px;
    margin: 45px 0 0 0 ;
    z-index: 2;
}
.event4{
    background: url(../images/event/homeevent/event4.jpg);
    height: 460px;
    width: 390px;
    margin: 45px 0 0 0 ;
    z-index: 2;
}
.event h3{
	margin: 335px 0 13px 10px;
	letter-spacing: -1px;
	color: #fff;
    line-height: 24px;
    font-size: 20px;
}
.event p{
	margin-left: 13px;
	font-size: 1.2em;
	font-weight: 500;
	color: #fff;
}
.event p img{
	margin-left: 10px;
}
#event .event .iconarrow{
    width: 21px;
    height: 21px;
    margin: -22px 0 0 97px;
}
.event a{
	text-decoration: none;
}
.event a p:hover{
    color: #008DD0;
    webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    transition: color 300ms ease;
}
.sd1{
    width: 185px;
    margin: -690px 1195px auto;
    background-color: #000;
}
.sd2{
	height: 500px;
    position: relative;
    background-color: #11137A;
}
.sd2:before{
	position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -92px;
    background-color: #11137A;
    -ms-transform: skewX(20deg); /* IE 9 */
    -moz-transform: skewX(20deg);
    -webkit-transform: skewX(20deg); /* Safari */
    transform: skewX(20deg);
    z-index: 0;
}
.sk1{
	width: 370px;
    margin: -300px -333px auto;
    background-color: #000;
}
.sk2{
	height: 515px;
    position: relative;
    background-color: #11137A;
}

.sk2:before{
	position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 121px;
    background-color: #11137A;
    -ms-transform: skewX(21deg); /* IE 9 */
    -moz-transform: skewX(21deg);  /* Moz */
    -webkit-transform: skewX(21deg); /* Safari */
    transform: skewX(21deg);
    z-index: 0;
}

/* EVENT END */

/* IMAGE GALLERY */

#gallery{
	margin-top: 200px;
}
#gallery h2{
	margin-left: 0px;
    color: #2426B3;
    font-weight: 500;
}
#gallery hr{
	width: 93px;
    border-color: #2426B3;
    margin-left: 0px;	
}
#gallery .item img{
    width: 350px;
    height: 170px;
    margin-bottom: 30px;
}

/* TESTIMONIAL */
#testimonial{
    margin-top: 100px;
    margin-bottom: 100px;
}
.testimonial-style{
    background-color: #2426B3;
    height: 575px;
}
#testimonial h2{
    margin-left: 109px;
    color: #fff;
    font-weight: 500;
}
#testimonial hr{
    margin-left: 109px;
    width: 160px;
}
.te1{
    width: 947px;
    margin: 50px 0 0 16px;
    background-color: #11137A;
}
.te2{
    height: 30px;
    position: relative;
    background-color: #11137A;
}

.te2:before{
    position: absolute;
    content: '';
    width: 23%;
    height: 372px;
    top: -342px;
    left: 871px;
    background-color: #11137A;
    -ms-transform: skewX(-21deg); /* IE 9 */
    -moz-transform: skewX(-21deg);  /* Moz */
    -webkit-transform: skewX(-21deg); /* Safari */
    transform: skewX(-21deg);
    z-index: 0;
}

.testsk1{
    width: 157px;
    margin: -192px 1224px auto;
    background-color: #11137A;
}
.testsk2{
    height: 325px;
    position: relative;
    background-color: #11137A;
}

.testsk2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -82px;
    background-color: #11137A;
    -ms-transform: skewX(-21deg); /* IE 9 */
    -moz-transform: skewX(-21deg);  /* Moz */
    -webkit-transform: skewX(-21deg); /* Safari */
    transform: skewX(-21deg);
    z-index: 0;
}
#testimonial .rating img{
    position: relative;
    margin: 100px 0 0 -12px;
    background-repeat: no-repeat;    
}
#testimonial .testimonial-quote{
    padding: 55px 155px 0 176px;
    color: #fff;

}
#testimonial .quote-testi-up img{
    width: 75px;
    height: 75px;
    margin: 0 0 0 -100px;
}
#testimonial .quote-testi-down img{
    width: 75px;
    height: 75px;
    margin: 0 0 0 620px;
}
#testimonial .testimonial-author p{
    padding: 0 0 0 215px;
    margin: -69px 0 0 0;

}
/* TESTIMONIAL*/


#client{
	margin: 100px 0 100px 0;
}
#client h2{
	color: #2426B3;
	font-weight: 700;
}
#client hr{
    -ms-margin-left: 0px; /* IE 9 */
	border-color: #2426B3;
}
#client .item img{
	width: 350px;
	height: 170px;
	margin-bottom: 30px;
    border: 1px solid #11137a;
}   

/* FOOTER */
#footer1{
    background-color: #383737;
    max-width: 100%;
    padding: 0 0 0 0;
}
#footer1 .footer-up{
    margin: 0;
    padding: 20px 0 20px 0;
    max-width: 1280px;
    margin: auto;
}

#footer1 h4{
    color: #2995f1;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0 0 10px;
    padding: 10px 0 5px;
}
#footer1 .footer-up h4:after{
    display: block;
    content: " ";
    border-top: #fff 3px solid;
    width: 50px;
    margin-top: 10px;
}
#footer1 .footer-up .quick{
    box-sizing: border-box;
    padding: 0;
    margin: 0 0 0 0;
    background-repeat: no-repeat;
}
#footer1 .footer-up .quick1{
    box-sizing: border-box;
    padding: 0;
    margin: 0 0 0 0;
    background-repeat: no-repeat;
}
#footer1 .footer-up .quick2{
    box-sizing: border-box;
    padding: 0;
    margin: 0 0 0 0;
    background-repeat: no-repeat;
}
#footer1 .footer-up .quick ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#footer1 .footer-up  ul li{
    width: 50%;
    padding-right: 10px;
    float: left;
    font-size: 1.3em;
    font-weight: 300;
    line-height: 2.5em;
}
#footer1 ul li a{
    color: #fff;
    text-decoration: none;
}
#footer1 ul li a:hover{
    color: #0089C9;
    webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    transition: color 300ms ease;
}
.instaGrid {
    margin: 0 0 0 -1px;
}
.instaGrid span{
    display: block;
    width: 25%;
    padding: 0 0 3px 3px;
    float: left;
}
.instaGrid img{
    display: block;
    width: 100%;
    opacity: 1;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.instaGrid span:hover img{
    opacity: .6;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}

#footer1 .quick2 td img{
    display: block;
    width: 100%;
    margin: 0 0 20px 0px;
    opacity: 1;
}
#footer1 .quick2 td:hover img{
    opacity: .6;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
#footer1 .quick2 td h5{
    font-size: 16px;
    margin: -15px 0 0 0;
    letter-spacing: 0;
    color: #FFF;
    font-weight: 500;
    text-transform: none;
    padding: 0 0 0 15px;
}
#footer1 .quick2 tr td a{
    text-decoration: none;
}
#footer1 .quick2 a h5:hover{
    text-decoration: none;
    color: #0089C9;
    webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    transition: color 300ms ease;
}

#footer2{
    background-color: #000;
    max-width: 100%;
}
#footer2 .footer-down ul{
    list-style-type: none;
    margin: 0 0 0 100px;
    padding: 20px 0 20px 0;
    text-align: center;
}
#footer2 .footer-down .powered{
    margin: 0 0 0 0;
}
#footer2 .footer-down ul li{
    color: #fff;
    font-size: 1em;
    line-height: 2em;
}
#footer2 a{
    text-decoration: none;
    color: #0089C9;
}
#footer2 a:hover{
    color: #fff;
    webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    transition: color 300ms ease;
}

.otherservice{
	padding: 30px;
    border: 1px solid #efefef;
    text-align: center;
}
.otherservice .b-icon{
    font-size: 74px;
    display: block;
    line-height: 1;
    background-color: transparent;
    color: #0c1239;
}
.otherservice .b-icon i:before {
    font-size: 74px;
}
.otherservice h4 {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 15px;
    margin: 0;
    webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    z-index: 10;
}
.otherservice h4 a:hover{
	color: #ff0000;
}
/* FOOTER */



/* FOR BIG SCREEN*/

@media(min-width: 1440px){
#preload img{
    width: 300px;
    height: 300px;
    left: 42%;
}
.about p {
    color: #fff;
    font-size: 1.2em;
    padding: 5px 80px 5px 40px;
}
/*.about img{
    width: 690px;
}*/
.about iframe {
    width: 670px;
    height: 490px;
}
/*EVENT*/
#event{
    background-color: #2426B3;
    height: 525px;
}
.event {
    max-width: 1366px;
    margin: 0 0 0 76px; 
}
#event .sd1 {
    width: 502px;
    margin: -700px 1115px auto;
}
#event .sk1{
    width: 403px;
    margin: -280px -333px auto;
}
/*EVENT*/
/*TESTIMONIALS*/
#testimonial h2 {
    margin-left: 70px;
}
    #testimonial hr {
    margin-left: 70px;
}
#testimonial{
    background-color: #2426B3;
    height: 575px;
    margin: 0 0 0 -240px; 
}
.testimonial-style{
    max-width: 1366px;
}
.testimonial-style .row{
    margin-left: 307px;
}

.te1 {
    width: 1190px;
    margin: 50px 0 0 -306px;
}
.te2 {
    height: 65px;
}
.te2:before{
    height: 388px;
    top: -322px;
    left: 1111px;
}
.testsk1 {
    width: 389px;
}
.testsk2 {
    height: 350px;
}
.testsk2:before {
    top: 1px;
}
#testimonial .testimonial-quote {
    padding: 55px 0px 0 435px;
    color: #fff;
}
#testimonial .owl-theme .owl-dots{
    margin-right: -251px;
}
}

@media(min-width: 1600px){
#preload img{
    left: 43%;
}
.about p {
    color: #fff;
    font-size: 1.195em;
    padding: 5px 180px 5px 40px;
}
/*.about img{
    width: 795px;
}*/
.about iframe {
    width: 750px;
    height: 490px;
}
/*EVENT*/
#event{
    background-color: #2426B3;
    height: 525px;
}
.event {
    max-width: 1366px;
    margin: 0 0 0 130px; 
}
#event .sd1 {
    width: 502px;
    margin: -700px 1115px auto;
}
#event .sk1{
    width: 403px;
}
/*EVENT*/
/*TESTIMONIALS*/
#testimonial{
    background-color: #2426B3;
    height: 575px;
    margin: 0 0 0 -162px
}
.testimonial-style{
    max-width: 1366px;
}
.testimonial-style .row{
    margin-left: 307px;
}
.te1 {
    width: 1190px;
    margin: 50px 0 0 -306px;
}
.te2 {
    height: 65px;
}
.te2:before{
    height: 388px;
    top: -323px;
    left: 1111px;
}
.testsk1 {
    width: 389px;
}
.testsk2 {
    height: 350px;
}
.testsk2:before {
    top: 1px;
}
#testimonial .rating img {
    margin: 100px 0 0 10px;
}
#testimonial .testimonial-quote {
    padding: 55px 0px 0 435px;
    color: #fff;
}
#testimonial .owl-theme .owl-dots{
    margin-right: -251px;
}
}


@media(min-width: 1680px){
/*ABOUT*/
.about p {
    color: #fff;
    font-size: 1.2em;
    padding: 5px 200px 5px 40px;
}
/*.about img{
    width: 929px;
}*/
.about iframe {
    width: 800px;
    height: 490px;
}
/* ABOUT */

/*EVENT*/
#event{
    background-color: #2426B3;
    height: 525px;
}
.event {
    max-width: 1366px;
    margin: 0 0 0 180px;
}
#event .sd1 {
    width: 502px;
    margin: -700px 1115px auto;
}
#event .sk1{
    width: 403px;
}
/*EVENT*/
/*TESTIMONIALS*/
#testimonial{
    background-color: #2426B3;
    height: 575px;
    margin: 0 0 0 -125px
}
.testimonial-style{
    max-width: 1366px;
}
.testimonial-style .row{
    margin-left: 307px;
}
.te1 {
    width: 1190px;
    margin: 50px 0 0 -306px;
}
.te2 {
    height: 65px;
}
.te2:before{
    height: 388px;
    top: -323px;
    left: 1111px;
}
.testsk1 {
    width: 389px;
}
.testsk2 {
    height: 350px;
}
.testsk2:before {
    top: 1px;
}
#testimonial .rating img {
    margin: 100px 0 0 25px;
}
#testimonial .testimonial-quote {
    padding: 55px 0px 0 435px;
    color: #fff;
}
#testimonial .owl-theme .owl-dots{
    margin-right: -251px;
}

/*TESTIMONIALS*/
}


/*RESPONSIVE*/
@media(min-width: 1920px){
/*ABOUT*/
.about p {
    color: #fff;
    font-size: 1.15em;
    padding: 5px 342px 5px 40px;
}
/*.about img{
width: 929px;
}*/
.about iframe {
    width: 900px;
    height: 490px;
}
/*ABOUT*/

/*EVENT*/
#event{
    background-color: #2426B3;
    height: 525px;
}
.event {
    max-width: 1366px;
    margin: 0 0 0 300px;
}
#event .sd1 {
    width: 519px;
    margin: -700px 1115px auto;
}
#event .sk1{
    width: 403px;
}
/*EVENT*/


/*GALLERY*/
#gallery h2{
    margin-left: 0px;
}
#gallery hr{
    margin-left: 0px;
}

/*GALLERY*/

/*TESTIMONIALS*/
#testimonial{
    background-color: #2426B3;
    height: 575px;
    margin: 0 0 0 0px
}
.testimonial-style{
    max-width: 1366px;
}
.testimonial-style .row{
    margin-left: 307px;
}
.te1 {
    width: 1190px;
    margin: 50px 0 0 -306px;
}
.te2 {
    height: 65px;
}
.te2:before{
    height: 388px;
    top: -323px;
    left: 1111px;
}
.testsk1 {
    width: 389px;
}
.testsk2 {
    height: 350px;
}
.testsk2:before {
    top: 1px;
}
#testimonial .rating img {
    margin: 100px 0 0 60px;
}
#testimonial .testimonial-quote {
    padding: 55px 0px 0 435px;
    color: #fff;
}
#testimonial .owl-theme .owl-dots{
    margin-right: -251px;
}

/*TESTIMONIALS*/
    
}
/* FOR BIG SCREEN*/


@media(max-width: 1280px){
#preload img{
    left: 43%;
}
/*HEADER*/

#header .logo{
    margin: 15px 0 0 15px;
    width: 70%;
    height: 100%;
}
#header .topsocial{
    margin-top: 66px;
    margin-left: -63px;
}
#header .topsocial span{
    margin-left: 12px;
}
#header .toplink{
    margin-left: 0px;
    padding-right: 15px;
    padding-top: 15px;
}
#header .toplink a{
    font-size: 1.3em;
    text-decoration: none;
    color: #999999;
}
#header .toplink a:hover{
    color: #2426B3;
    }
.nav-utility {
    width: 58%;
    height: 51px;
    padding: 11px 0 0 0;
    font-size: 1.4em;
}
.nav-utility::before{
    content: "";
    width: 25px;
    height: 100%;
    background-color: #2426B3;
    position: absolute;
    top: 0;
    left: -16px;
    -webkit-transform: skew(-16.5deg, 0deg);
    -moz-transform: skew(-16.5deg, 0deg);
    -ms-transform: skew(-16.5deg, 0deg);
    -o-transform: skew(-16.5deg, 0deg);
    transform: skew(-16.5deg, 0deg);
}
.navbar-default .navbar-nav li a {
    margin-top: -9px;
    padding-right: 10px;
    padding-left: 10px;
}
#myCarousel {
    margin-top: 30px;
}
.service1 h3{
    padding: 0 0 0 0;
    font-size: 14px;
}
/*HEADER*/

/*SERVICE1*/
.service1 h3{
    padding: 10px 0 10px 1px;
    font-size: 20px;
}
.service1 .bor {
    border-left: 1px solid;
}
/*SERVICE1*/

/*ABOUT*/
.about{
    height: 450px;
    margin-bottom: 15px;
}
/*.about img {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0px;
    height: 475px;
    width: 610px;
    margin-left: -15px;
}*/
.about iframe {
    width: 580px;
    height: 410px;
}
.about h2 {
    font-weight: 500;
    padding-top: 22px;
    padding-left: 0px;
}
.about hr {
    width: 105px;
    margin-left: 0;
    border-width: 3px;
    padding-left: 10px;
}
.about p {
    font-size: 1.08em;
    padding: 0px 70px 0px 2px;
}
.about .iconarrow {
    width: 19px;
    height: 19px;
}
/*ABOUT*/

/*SERVICE*/
#mainservices {
    margin: 50px 0 100px 0;
}
#mainservices h2{
    margin-left: 0px;
}
#mainservices hr {
    width: 110px;
    border-color: #2426B3;
    border-width: 2px;
    margin-left: 0px;
}
#mainservices h3{
    font-size: 1.5em;
    padding: 20px 0 0 11px;
}
#mainservices p {
    margin: 0 10px 0px 10px;
    font-size: 1.1em;
}
#mainservices .item {
    height: 450px;
    width: 300px;
    margin: 0 0 0 9%;
}
#mainservices .know {
    margin: 12px 0 0 12px;
    font-size: 1.2em;
}
#mainservices .iconarrow {
    width: 21px;
    height: 19px;
    margin: -21px 0 0 97px;
}
/*SERVICE*/

/*EVENT*/
.event{
    height: 425px;
    margin-bottom: 100px;
}
.event h2{
    margin-left: 70px;
    color: #fff;
    font-weight: 500;
}
.event hr{
    margin-left: 70px;
}
.sd1{
    width: 245px;
    margin: -601px 1050px auto;
    background-color: #11137a;
}
.sd2{
    height: 400px;
    position: relative;
    background-color: #11137A;
}

.sd2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -78px;
    background-color: #11137A;
    transform: skewX(20deg);
    z-index: 0;
}
.sk1{
    width: 420px;
    margin: -185px 0 0 -272px;
    background-color: #11137a;
}
.sk2{
    height: 410px;
    position: relative;
    background-color: #11137A;
}

.sk2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 104px;
    background-color: #11137A;
    transform: skewX(21deg);
    z-index: 0;
}
#event .eve{
    margin: 0 0 0 15px;
}
.event1{
    height: 400px;
    width: 350px;
    margin: 20px 0 0 20px;
    z-index: 2;
}
.event2{
    height: 400px;
    width: 350px;
    margin: 20px 0 0 20px;
    z-index: 2;
}
.event3{
    height: 400px;
    width: 350px;
    margin: 20px 0 0 20px;
    z-index: 2;
}
.event4{
    height: 400px;
    width: 350px;
    margin: 20px 0 0 20px;
    z-index: 2;
}
.event h3{
    margin: 275px 0 15px 8px;
    letter-spacing: -1px;
    font-size: 1.5em;
}
.event p{
    margin-left: 10px;
    font-size: 1.3em;
    font-weight: 300;
}
.event a{
    text-decoration: none;
}
#event .event .iconarrow {
    width: 21px;
    height: 19px;
    margin: -21px 0 0 103px;
}
/*EVENT*/

/*GALLERY*/

#gallery{
    margin-top: 180px;
}
#gallery h2{
    margin-left: 0px;
    border-color: #2426B3;
    font-weight: 500;
}
#gallery hr{
    width: 90px;
    border-color: #2426B3;
    margin-left: 0px;  
}
#gallery .item img{
    width: 275px;
    height: 160px;
    margin: 25px 0 25px 45px;
}

/*GALLERY*/

/* TESTIMONIAL */
#testimonial{
    margin-top: 100px;
    margin-bottom: 100px;
}
.testimonial-style{
    background-color: #2426B3;
    height: 575px;
}
#testimonial h2{
    margin-left: 70px;
    color: #fff;
    font-weight: 500;
}
#testimonial hr{
    margin-left: 70px;
}
.te1{
    width: 956px;
    margin: 50px 0 0 16px;
    background-color: #11137A;
}
.te2{
    height: 60px;
    position: relative;
    background-color: #11137A;
}

.te2:before{
    position: absolute;
    content: '';
    width: 17%;
    height: 401px;
    top: -341px;
    left: 873px;
    background-color: #11137A;
    transform: skewX(-21deg);
    z-index: 0;
}

.testsk1{
    width: 181px;
    margin: -192px 1114px auto;
}
.testsk2{
    height: 325px;
    position: relative;
    background-color: #11137A;
}

.testsk2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -64px;
    background-color: #11137A;
    transform: skewX(-21deg);
    z-index: 0;
}
#testimonial .rating img {
    margin: 100px 0 0 0;
}
#testimonial .testimonial-quote{
    padding: 26px 206px 0 119px;
}
#testimonial .testimonial-quote p{
    font-size: 1.05em;
}
#testimonial .quote-testi-up img{
    width: 75px;
    height: 75px;
    margin: 0px 0 0 -85px;
}
#testimonial .quote-testi-down img{
    width: 75px;
    height: 75px;
    margin: -25px 0 0 615px;
}
#testimonial .testimonial-author p{
    padding: 0 0 0 210px;
    margin: -16px 0 0 0;
}
/* TESTIMONIAL*/


#client{
    margin: 60px 0 26px 0;
}
#client h2{
    color: #2426B3;
    font-weight: 700;
}
#client hr{
    border-color: #2426B3;
}
#client .item img{
    width: 275px;
    height: 160px;
    margin: 25px 0 25px 45px;
}

}

@media (max-width: 1200px){
    .about iframe {
    width: 550px;
    }
    #testimonial .rating img {
    margin: 100px 0 0 -37px;
    }
    .event h2 {
    margin-left: 35px;
    }
    .event hr {
    margin-left: 35px;
    }
    #testimonial h2 {
    margin-left: 35px;
    }
    #testimonial hr {
    margin-left: 35px;
    }
}

@media(max-width: 1080px){
#preload img{
    left: 42%;
}
.nav-utility {
        width: 62%;
        height: 40px;
        padding: 4px 0 0 0;
        font-size: 1.2em;
    }
.about iframe {
    width: 490px;
    }
.about p {
    font-size: 1.04em;
    }
#mainservices .item{
        margin: 0 0 0 2%;
    }
    /*EVENT*/
.event{
    height: 425px;
    margin-bottom: 100px;
}
.event h2{
    margin-left: 70px;
    color: #fff;
    font-weight: 500;
}
.event hr{
    margin-left: 70px;
}
.sd1{
    width: 197px;
    margin: -565px 898px auto;
    background-color: #11137a;
}
.sd2{
    height: 320px;
    position: relative;
    background-color: #11137A;
}
.sd2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -58px;
    background-color: #11137A;
    transform: skewX(20deg);
    z-index: 0;
}
.sk1{
    width: 380px;
    margin: 32px 0 0 -301px;
    background-color: #11137a;
}
.sk2{
    height: 245px;
    position: relative;
    background-color: #11137A;
}

.sk2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 104px;
    background-color: #11137A;
    transform: skewX(21deg);
    z-index: 0;
}
#event .eve{
    margin: 0 0 0 14px;
}
.event1{
    height: 380px;
    width: 334px;
    margin: 15px 0 0 0px;
    z-index: 2;
}
.event2{
    height: 380px;
    width: 334px;
    margin: 15px 0 0 0px;
    z-index: 2;
}
.event3{
    height: 380px;
    width: 334px;
    margin: 15px 0 0 0px;
    z-index: 2;
}
.event4{
    height: 380px;
    width: 334px;
    margin: 15px 0 0 0px;
    z-index: 2;
}
.event h3{
    margin: 245px 0 15px 8px;
    letter-spacing: -1px;
    font-size: 1.6em;
}
.event p{
    margin-left: 10px;
    font-size: 1.3em;
    font-weight: 300;
}
.event a{
    text-decoration: none;
}
#event .event .iconarrow {
    width: 22px;
    height: 13px;
    margin: -19px 0 0 103px;
}
/*EVENT*/
/* TESTIMONIAL */
#testimonial{
    margin-top: 100px;
    margin-bottom: 100px;
}
.testimonial-style{
    background-color: #2426B3;
    height: 525px;
}
#testimonial h2{
    margin-left: 70px;
    color: #fff;
    font-weight: 500;
}
#testimonial hr{
    margin-left: 70px;
}
.te1{
    width: 780px;
    margin: 50px 0 0 16px;
    background-color: #11137A;
}
.te2{
    height: 30px;
    position: relative;
    background-color: #11137A;
}

.te2:before{
    position: absolute;
    content: '';
    width: 17%;
    height: 340px;
    top: -310px;
    left: 715px;
    background-color: #11137A;
    transform: skewX(-21deg);
    z-index: 0;
}
.testsk1{
    width: 127px;
    margin: -192px 968px auto;
}
.testsk2{
    height: 325px;
    position: relative;
    background-color: #11137A;
}

.testsk2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -64px;
    background-color: #11137A;
    transform: skewX(-21deg);
    z-index: 0;
}
#testimonial .rating img {
    margin: 100px 0 0 -32px;
}
#testimonial .testimonial-carousel{
    padding: 0 0 0 0;
}
#testimonial .testimonial-quote{
    padding: 26px 60px 0 125px;
}
#testimonial .quote-testi-up img{
    width: 50px;
    height: 50px;
    margin: 18px 0 0 -58px;
}
#testimonial .quote-testi-down img{
    width: 50px;
    height: 50px;
    margin: -25px 0 0 595px;
}
#testimonial .testimonial-author p{
    padding: 0 0 0 210px;
    margin: -16px 0 0 0;
}
/* TESTIMONIAL*/

/* FOOTER */
#footer2 .footer-down ul li{
    font-size: 0.92em;
}
/* FOOTER */
}


@media(max-width: 1024px){
#preload img{
    left: 42%;
}
/*HEADER*/

#header .logo{
    margin-left: 11px;
    width: 84%;
    height: 100%;
}
#header .topsocial{
    margin-top: 41px;
    margin-left: -50px;
}
#header .topsocial span{
    margin-left: 12px;
}
#header .toplink{
    margin-left: 0px;
    padding-right: 15px;
    padding-top: 15px;
}
#header .toplink a{
    font-size: 1.2em;
    text-decoration: none;
    color: #999999;
}
#header .toplink a:hover{
    color: #2426B3;
    }
.nav-utility {
    width: 62%;
    height: 40px;
    padding: 4px 0 0 0;
    font-size: 1.2em;
}
.nav-utility::before{
    content: "";
    width: 25px;
    height: 100%;
    background-color: #2426B3;
    position: absolute;
    top: 0;
    left: -16px;
    -webkit-transform: skew(-16.5deg, 0deg);
    -moz-transform: skew(-16.5deg, 0deg);
    -ms-transform: skew(-16.5deg, 0deg);
    -o-transform: skew(-16.5deg, 0deg);
    transform: skew(-16.5deg, 0deg);
}
.navbar-default .navbar-nav li a {
    margin-top: -9px;
    padding-right: 10px;
    padding-left: 10px;
}
#myCarousel {
    margin-top: 0px;
}
.service1 h3{
    padding: 0 0 0 0;
    font-size: 14px;
}
/*HEADER*/

/*SERVICE1*/
.service1 h3{
    padding: 10px 0 10px 1px;
    font-size: 20px;
}
.service1 .bor {
    border-left: 1px solid;
}
/*SERVICE1*/

/*ABOUT*/
.about{
    height: 450px;
    margin-bottom: 15px;
}
/*.about img {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0px;
    height: 475px;
    width: 482px;
    margin-left: -15px;
}*/
.about iframe {
    width: 458px;
    height: 380px;
    margin: 30px 0 0 15px;
}
.about h2 {
    font-weight: 500;
    padding-top: 22px;
    padding-left: 0px;
}
.about hr {
    width: 105px;
    margin-left: 0;
    border-width: 3px;
    padding-left: 10px;
}
.about p {
    font-size: 1em;
    padding: 0px 16px 0px 2px;
}
.about .iconarrow {
    height: 16px;
    margin: 0px 0px 2px 8px;
}
/*ABOUT*/

/*SERVICE*/
#mainservices h2{
    margin-left: 10px;
}
#mainservices hr {
    width: 110px;
    border-color: #2426B3;
    border-width: 2px;
    margin-left: 10px;
}
#mainservices h3{
    font-size: 15px;
}
#mainservices p {
    margin: 0 10px 0px 10px;
    font-size: 1em;
}
#mainservices .item {
    height: 420px;
    width: 275px;
    margin: 0 0 0 6%;
}
/*SERVICE*/

/*EVENT*/
.event{
    height: 370px;
    margin-bottom: 100px;
}
.event h2{
    margin-left: 53px;
    color: #fff;
    font-weight: 500;
}
.event hr{
    margin-left: 53px;
}
.sd1{
    width: 197px;
    margin: -505px 842px auto;
    background-color: #11137a;
}
.sd2{
    height: 320px;
    position: relative;
    background-color: #11137A;
}

.sd2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -58px;
    background-color: #11137A;
    transform: skewX(20deg);
    z-index: 0;
}
.sk1{
    width: 420px;
    margin: -140px 0 0 -386px;
    background-color: #11137a;
}
.sk2{
    height: 340px;
    position: relative;
    background-color: #11137A;
}

.sk2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 104px;
    background-color: #11137A;
    transform: skewX(21deg);
    z-index: 0;
}
#event .eve{
    margin: 0 0 0 49px;
}
.event1{
    height: 310px;
    width: 250px;
}
.event2{
    height: 310px;
    width: 250px;
}
.event3{
    height: 310px;
    width: 250px;
}
.event4{
    height: 310px;
    width: 250px;
}
.event h3{
    margin: 190px 0 15px 8px;
    letter-spacing: -1px;
    font-size: 17px;
}
.event p{
    margin-left: 10px;
    font-size: 1em;
    font-weight: 400;
}
.event p img{
    margin-left: 10px;
}
.event a{
    text-decoration: none;
}
#event .event .iconarrow {
    width: 18px;
    height: 16px;
    margin: -19px 0 0 81px;
}
#event .owl-theme .owl-dots{
    margin-right: 9%;
}
/*EVENT*/

/*GALLERY*/

#gallery{
    margin-top: 0px;
}
#gallery h2{
    margin-left: 10px;
    border-color: #2426B3;
    font-weight: 500;
}
#gallery hr{
    width: 110px;
    border-color: #2426B3;
    margin-left: 10px;  
}
#gallery .item img{
    width: 230px;
    height: 150px;
    margin: 5px 0 25px 47px;
}

/*GALLERY*/

/* TESTIMONIAL */
#testimonial{
    margin-top: 100px;
    margin-bottom: 100px;
}
.testimonial-style{
    background-color: #2426B3;
    height: 525px;
}
#testimonial h2{
    margin-left: 53px;
    color: #fff;
    font-weight: 500;
}
#testimonial hr{
    margin-left: 53px;
}
.te1{
    width: 623px;
    margin: 50px 0 0 16px;
    background-color: #11137A;
}
.te2{
    height: 30px;
    position: relative;
    background-color: #11137A;
}

.te2:before{
    position: absolute;
    content: '';
    width: 32%;
    height: 331px;
    top: -301px;
    left: 559px;
    background-color: #11137A;
    transform: skewX(-21deg);
    z-index: 0;
}

.testsk1{
    width: 127px;
    margin: -192px 912px auto;
}
.testsk2{
    height: 325px;
    position: relative;
    background-color: #11137A;
}

.testsk2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -64px;
    background-color: #11137A;
    transform: skewX(-21deg);
    z-index: 0;
}
#testimonial .rating img {
    margin: 100px 0 0 -22px;
}
#testimonialss .testimonial-carousel{
    padding: 0 0 0 0;
}
#testimonial .testimonial-quote{
    padding: 26px 31px 0 103px;
}
#testimonial .quote-testi-up img{
    width: 45px;
    height: 45px;
    margin: 0 0 0 -45px;
}
#testimonial .quote-testi-down img{
    width: 45px;
    height: 45px;
    margin: -25px 0 0 450px;
}
#testimonial .testimonial-author p{
    padding: 0 0 0 147px;
    margin: -16px 0 0 0;
}
/* TESTIMONIAL*/


#client{
    margin: 60px 0 26px 0;
}
#client h2{
    margin-left: 10px;
    color: #2426B3;
    font-weight: 700;
}
#client hr{
    margin-left: 10px;
    border-color: #2426B3;
}
#client .item img{
    width: 230px;
    height: 150px;
    margin: 5px 0 25px 47px;
}

/* FOOTER */
#footer2 .footer-down ul{
    margin: 0 0 0 75px;
}
#footer2 .footer-down ul li{
    font-size: 0.9em;
    line-height: 1em;
}

/* FOOTER */
}




@media(max-width: 960px){
#preload img{
    left: 41%;
}
/*HEADER*/

#header .logo{
    margin-left: 0px;
    width: 100%;
    height: 100%;
}
#header .topsocial{
    margin-top: -102px;
    margin-left: -45px;
}
#header .topsocial span{
    margin-left: 12px;
}
#header .toplink{
    margin-left: 0px;
    padding-right: 15px;
    padding-top: 15px;
}
#header .toplink a{
    font-size: 1.2em;
    text-decoration: none;
    color: #999999;
}
#header .toplink a:hover{
    color: #2426B3;
    }
.nav-utility {
    width: 59%;
    height: 40px;
    padding: 4px 0 0 0;
    font-size: 1.05em;
}
.nav-utility::before{
    content: "";
    width: 25px;
    height: 100%;
    background-color: #2426B3;
    position: absolute;
    top: 0;
    left: -16px;
    -webkit-transform: skew(-16.5deg, 0deg);
    -moz-transform: skew(-16.5deg, 0deg);
    -ms-transform: skew(-16.5deg, 0deg);
    -o-transform: skew(-16.5deg, 0deg);
    transform: skew(-16.5deg, 0deg);
}
.navbar-default .navbar-nav li a {
    margin-top: -9px;
    padding-right: 10px;
    padding-left: 10px;
}
#myCarousel {
    margin-top: 0px;
}
.service1 h3{
    padding: 0 0 0 0;
    font-size: 14px;
}
/*HEADER*/

/*SERVICE1*/
.service1 h3{
    padding: 10px 0 10px 1px;
    font-size: 20px;
}
.service1 .bor {
    border-left: 1px solid;
}
/*SERVICE1*/

/*ABOUT*/
.about{
    height: 420px;
    margin-bottom: 15px;
}
/*.about img {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0px;
    height: 475px;
    width: 450px;
    margin-left: -15px;
}*/
.about iframe {
    width: 440px;
    height: 350px;
    margin: 30px 0 0 5px;
}
.about h2 {
    font-weight: 500;
    padding-top: 22px;
    padding-left: 0px;
}
.about hr {
    width: 105px;
    margin-left: 0;
    border-width: 3px;
    padding-left: 10px;
}
.about p {
    font-size: 0.91em;
    padding: 0px 0px 0px 2px;
}
/*ABOUT*/

/*SERVICE*/
#mainservices h2{
    margin-left: 10px;
}
#mainservices hr {
    width: 110px;
    border-color: #2426B3;
    border-width: 2px;
    margin-left: 10px;
}
#mainservices h3{
    font-size: 15px;
}
#mainservices p {
    margin: 0 10px 0px 10px;
    font-size: 1em;
}
#mainservices .item {
    height: 400px;
    width: 230px;
    margin: 0 0 0 5%;
}
/*SERVICE*/

/*EVENT*/
.event{
    height: 370px;
    margin-bottom: 100px;
}
.event h2{
    margin-left: 70px;
    color: #fff;
    font-weight: 500;
}
.event hr{
    margin-left: 70px;
}
.sd1{
    width: 171px;
    margin: -505px 804px auto;
    background-color: #11137a;
}
.sd2{
    height: 320px;
    position: relative;
    background-color: #11137A;
}

.sd2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -58px;
    background-color: #11137A;
    transform: skewX(20deg);
    z-index: 0;
}
.sk1{
    width: 435px;
    margin: -125px 0 0 -386px;
    background-color: #11137a;
}
.sk2 {
    height: 330px;
}
.sk2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 104px;
    background-color: #11137A;
    transform: skewX(21deg);
    z-index: 0;
}
#event .eve{
    margin: 0 0 0 36px;
}
.event p img{
    margin-left: 10px;
}
/*EVENT*/

/*GALLERY*/

#gallery{
    margin-top: 0px;
}
#gallery .item img{
    width: 230px;
    height: 150px;
    margin: 5px 0 25px 6px;
}

/*GALLERY*/

/* TESTIMONIAL */
#testimonial{
    margin-top: 100px;
    margin-bottom: 100px;
}
.testimonial-style{
    background-color: #2426B3;
    height: 525px;
}
#testimonial h2{
    margin-left: 70px;
    color: #fff;
    font-weight: 500;
}
#testimonial hr{
    margin-left: 70px;
}
.te1{
    width: 623px;
    margin: 50px 0 0 16px;
    background-color: #11137A;
}
.te2{
    height: 30px;
    position: relative;
    background-color: #11137A;
}

.te2:before{
    position: absolute;
    content: '';
    width: 29%;
    height: 344px;
    top: -314px;
    left: 555px;
    background-color: #11137A;
    transform: skewX(-21deg);
    z-index: 0;
}

.testsk1{
    width: 127px;
    margin: -192px 848px auto;
}
.testsk2{
    height: 325px;
    position: relative;
    background-color: #11137A;
}

.testsk2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -64px;
    background-color: #11137A;
    transform: skewX(-21deg);
    z-index: 0;
}

#testimonialss .testimonial-carousel{
    padding: 0 0 0 0;
}
#testimonial .testimonial-quote{
    padding: 26px 31px 0 122px;
}
#testimonial .quote-testi-up img{
    width: 45px;
    height: 45px;
    margin: 0 0 0 -45px;
}
#testimonial .quote-testi-down img{
    width: 45px;
    height: 45px;
    margin: -32px 0 0 450px;
}
#testimonial .testimonial-author p{
    padding: 0 0 0 147px;
    margin: -16px 0 0 0;
}
/* TESTIMONIAL*/


#client{
    margin: 60px 0 26px 0;
}
#client h2{
    color: #2426B3;
    font-weight: 700;
}
#client hr{
    border-color: #2426B3;
}
#client .item img{
    width: 230px;
    height: 150px;
    margin: 5px 0 25px 6px;
}

/*FOOTER*/
#footer2 .footer-down ul{
    margin: 0 0 0 58px;
}
/*FOOTER*/
}


@media(max-width: 900px){

/*HEADER*/

#header .logo{
    margin-left: 0px;
    width: 100%;
    height: 100%;
}
#header .topsocial{
    margin-top: -90px;
}
#header .topsocial span{
    margin-left: 12px;
}
#header .toplink{
    margin-left: 0px;
    padding-right: 15px;
    padding-top: 15px;
}
#header .toplink a{
    font-size: 1.2em;
    text-decoration: none;
    color: #999999;
}
#header .toplink a:hover{
    color: #2426B3;
    }
.nav-utility {
    width: 68%;
    height: 35px;
    font-size: 1em;
}
.nav-utility::before{
    content: "";
    width: 25px;
    height: 100%;
    background-color: #2426B3;
    position: absolute;
    top: 0;
    left: -16px;
    -webkit-transform: skew(-16.5deg, 0deg);
    -moz-transform: skew(-16.5deg, 0deg);
    -ms-transform: skew(-16.5deg, 0deg);
    -o-transform: skew(-16.5deg, 0deg);
    transform: skew(-16.5deg, 0deg);
}
.navbar-default .navbar-nav li a {
    margin-top: -9px;
    padding-right: 10px;
    padding-left: 10px;
}
#myCarousel {
    margin-top: 0px;
}
.service1 h3{
    padding: 0 0 0 0;
    font-size: 14px;
}
/*HEADER*/

/*SERVICE1*/
.service1 h3{
    padding: 10px 0 10px 1px;
    font-size: 20px;
}
.service1 .bor {
    border-left: 1px solid;
}
/*SERVICE1*/

/*ABOUT*/

/*.about img {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0px;
    height: 475px;
    width: 420px;
    margin-left: -15px;
}*/
.about iframe {
    width: 410px;
}
.about h2 {
    font-weight: 500;
    padding-top: 22px;
    padding-left: 0px;
}
.about hr {
    width: 105px;
    margin-left: 0;
    border-width: 3px;
    padding-left: 10px;
}
.about p {
    font-size: 0.91em;
    padding: 0px 0px 0px 2px;
}
/*ABOUT*/

/*SERVICE*/
#mainservices h2{
    margin-left: 10px;
}
#mainservices hr {
    width: 110px;
    border-color: #2426B3;
    border-width: 2px;
    margin-left: 10px;
}
#mainservices h3{
    font-size: 15px;
}
#mainservices p {
    margin: 0 10px 0px 10px;
    font-size: 1em;
}
#mainservices .item {
    height: 400px;
    width: 230px;
    margin: 0 0 0 5%;
}
/*SERVICE*/

/*EVENT*/
.event{
    height: 370px;
    margin-bottom: 100px;
}
.event h2{
    margin-left: 70px;
    color: #fff;
    font-weight: 500;
}
.event hr{
    margin-left: 70px;
}
.sd1{
    width: 171px;
    margin: -505px 744px auto;
    background-color: #11137a;
}
.sd2{
    height: 320px;
    position: relative;
    background-color: #11137A;
}

.sd2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -58px;
    background-color: #11137A;
    transform: skewX(20deg);
    z-index: 0;
}
.sk1{
    width: 380px;
    margin: -40px 0 0 -386px;
    background-color: #11137a;
}
.sk2{
    height: 235px;
}

.sk2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 104px;
    background-color: #11137A;
    transform: skewX(21deg);
    z-index: 0;
}
#event .eve{
    margin: 0 0 0 26px;
}
.event h3{
    margin: 182px 0 15px 8px;
    font-size: 16px;
}
.event p{
    font-weight: 500;
}
/*EVENT*/

/*GALLERY*/

#gallery{
    margin-top: 0px;
}
#gallery .item img{
    width: 230px;
    height: 150px;
    margin: 5px 0 25px 6px;
}

/*GALLERY*/

/* TESTIMONIAL */
#testimonial{
    margin-top: 100px;
    margin-bottom: 100px;
}
.testimonial-style{
    background-color: #2426B3;
    height: 525px;
}
#testimonial h2{
    margin-left: 70px;
    color: #fff;
    font-weight: 500;
}
#testimonial hr{
    margin-left: 70px;
}
.te1{
    width: 623px;
    margin: 50px 0 0 16px;
    background-color: #11137A;
}
.te2{
    height: 30px;
    position: relative;
    background-color: #11137A;
}

.te2:before{
    position: absolute;
    content: '';
    width: 26%;
    height: 344px;
    top: -314px;
    left: 552px;
    background-color: #11137A;
    transform: skewX(-21deg);
    z-index: 0;
}
.testsk1{
    width: 127px;
    margin: -192px 788px auto;
}
.testsk2{
    height: 325px;
    position: relative;
    background-color: #11137A;
}

.testsk2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -64px;
    background-color: #11137A;
    transform: skewX(-21deg);
    z-index: 0;
}
#testimonial .rating img {
    margin: 120px 0 0 -22px;
    width: 80%;
}
#testimonialss .testimonial-carousel{
    padding: 0 0 0 0;
}
#testimonial .testimonial-quote{
    padding: 26px 31px 0 122px;
}
#testimonial .quote-testi-up img{
    width: 45px;
    height: 45px;
    margin: 0 0 0 -45px;
}
#testimonial .quote-testi-down img{
    width: 45px;
    height: 45px;
    margin: -32px 0 0 450px;
}
#testimonial .testimonial-author p{
    padding: 0 0 0 147px;
    margin: -16px 0 0 0;
}
/* TESTIMONIAL*/


#client{
    margin: 60px 0 26px 0;
}
#client .item img{
    width: 230px;
    height: 150px;
    margin: 5px 0 25px 6px;
}

/*FOOTER*/
#footer2 .footer-down ul{
    margin: 0 0 0 29px;
}
/*FOOTER*/
}



@media(max-width: 800px){
#preload img{
    left: 39%;
}
/*HEADER*/

#header .logo{
    margin-left: 0px;
    width: 100%;
    height: 100%;
}
#header .topsocial{
    margin-top: -90px;
    margin-left: -15px;
}
#header .topsocial span{
    margin-left: 12px;
}
#header .toplink{
    margin-left: 0px;
    padding-right: 15px;
    padding-top: 15px;
}
#header .toplink a{
    font-size: 1.2em;
    text-decoration: none;
    color: #999999;
}
#header .toplink a:hover{
    color: #2426B3;
    }
.nav-utility {
    width: 68%;
    height: 35px;
    font-size: 1.01em;
}
.nav-utility::before{
    content: "";
    width: 25px;
    height: 100%;
    background-color: #2426B3;
    position: absolute;
    top: 0;
    left: -16px;
    -webkit-transform: skew(-16.5deg, 0deg);
    -moz-transform: skew(-16.5deg, 0deg);
    -ms-transform: skew(-16.5deg, 0deg);
    -o-transform: skew(-16.5deg, 0deg);
    transform: skew(-16.5deg, 0deg);
}
.navbar-default .navbar-nav li a {
    margin-top: -9px;
    padding-right: 10px;
    padding-left: 10px;
}
#myCarousel {
    margin-top: 0px;
}
.service1 h3{
    padding: 0 0 0 0;
    font-size: 14px;
}
/*HEADER*/

/*SERVICE1*/
.service1 h3{
    padding: 10px 0 10px 1px;
    font-size: 20px;
}
.service1 .bor {
    border-left: 1px solid;
}
/*SERVICE1*/

/*ABOUT*/
.about {
    height: 450px;
}
/*.about img {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0px;
    height: 475px;
    width: 370px;
    margin-left: -15px;
}*/
.about iframe {
    width: 370px;
    height: 390px;
}
.about h2 {
    font-weight: 500;
    padding-top: 22px;
    padding-left: 0px;
}
.about hr {
    width: 105px;
    margin-left: 0;
    border-width: 3px;
    padding-left: 10px;
}
.about p {
    font-size: 0.91em;
    padding: 0px 0px 0px 2px;
}
/*ABOUT*/

/*SERVICE*/
#mainservices h2{
    margin-left: 10px;
}
#mainservices hr {
    width: 110px;
    border-color: #2426B3;
    border-width: 2px;
    margin-left: 10px;
}
#mainservices h3{
    font-size: 15px;
}
#mainservices p {
    margin: 0 10px 0px 10px;
    font-size: 1em;
}
#mainservices .item {
    height: 410px;
    width: 226px;
    margin: 0 0 0 3%;
}
/*SERVICE*/

/*EVENT*/
.event{
    height: 370px;
    margin-bottom: 100px;
}
.event h2{
    margin-left: 50px;
}
.event hr{
    margin-left: 50px;
}
.sd1{
    width: 144px;
    margin: -496px 671px auto;
    background-color: #11137a;
}
.sd2{
    height: 320px;
    position: relative;
    background-color: #11137A;
}

.sd2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -58px;
    background-color: #11137A;
    transform: skewX(20deg);
    z-index: 0;
}
.sk1{
    width: 380px;
    margin: -40px 0 0 -386px;
    background-color: #11137a;
}
.sk2{
    height: 220px;
    position: relative;
    background-color: #11137A;
}

.sk2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 104px;
    background-color: #11137A;
    transform: skewX(21deg);
    z-index: 0;
}
#event .eve{
    margin: 0 0 0 26px;
}

/*EVENT*/
.event1 {
    height: 310px;
    width: 215px;
}
.event2 {
    height: 310px;
    width: 215px;
}
.event3 {
    height: 310px;
    width: 215px;
}
.event4 {
    height: 310px;
    width: 215px;
}
.event h3 {
    margin: 175px 0 15px 8px;
    font-size: 16px;
}
/*EVENT*/

/*GALLERY*/

#gallery{
    margin-top: 0px;
}
#gallery .item img{
    width: 230px;
    height: 150px;
    margin: 5px 0 25px 6px;
}

/*GALLERY*/

/* TESTIMONIAL */
#testimonial{
    margin-top: 100px;
    margin-bottom: 100px;
}
.testimonial-style{
    background-color: #2426B3;
    height: 525px;
}
#testimonial h2{
    margin-left: 50px;
}
#testimonial hr{
    margin-left: 50px;
}
.te1{
    width: 565px;
    margin: 50px 0 0 16px;
    background-color: #11137A;
}
.te2{
    height: 30px;
    position: relative;
    background-color: #11137A;
}
.te2:before{
    position: absolute;
    content: '';
    width: 26%;
    height: 364px;
    top: -334px;
    left: 488px;
    background-color: #11137A;
    transform: skewX(-21deg);
    z-index: 0;
}

.testsk1{
    width: 157px;
    margin: -192px 735px auto;
    background-color: #11137A;
}
.testsk2{
    height: 325px;
    position: relative;
    background-color: #11137A;
}

.testsk2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -82px;
    background-color: #11137A;
    transform: skewX(-21deg);
    z-index: 0;
}
#testimonial .rating img {
    width: 100px;
    margin: 120px 0 0 -39px;
}
#testimonialss .testimonial-carousel{
    padding: 0 0 0 0;
}
#testimonial .testimonial-quote{
    padding: 26px 115px 0 70px;
}
#testimonial .quote-testi-up img{
    width: 45px;
    height: 45px;
    margin: 0 0 0 -45px;
}
#testimonial .quote-testi-down img{
    width: 45px;
    height: 45px;
    margin: -32px 0 0 395px;
}
#testimonial .testimonial-author p{
    padding: 0 0 0 147px;
    margin: -16px 0 0 0;
}
/* TESTIMONIAL*/


#client{
    margin: 60px 0 26px 0;
}
#client .item img{
    width: 230px;
    height: 150px;
    margin: 5px 0 25px 6px;
}

/*FOOTER*/
#footer2 .footer-down ul{
    margin: 0 0 0 1px;
}
#footer2 .footer-down .powered{
    margin: 0 0 0 62%;
}
#footer2 .footer-down ul li{
    font-size: 0.83em;
    line-height: 1em;
}

/*FOOTER*/
}


@media(max-width: 768px){

/*HEADER*/

#header .logo{
	margin-left: 0px;
    width: 100%;
    height: 100%;
}
#header .topsocial{
	margin-top: -95px;
    margin-left: -17px;
}
#header .topsocial span{
	margin-left: 12px;
}
#header .toplink{
	margin-left: 0px;
	padding-right: 15px;
	padding-top: 15px;
}
#header .toplink a{
	font-size: 1.2em;
	text-decoration: none;
	color: #999999;
}
#header .toplink a:hover{
	color: #2426B3;
	}
.nav-utility {
    width: 67%;
    height: 35px;
    font-size: 1em;
}
.nav-utility::before{
    content: "";
    width: 25px;
    height: 100%;
    background-color: #2426B3;
    position: absolute;
    top: 0;
    left: -16px;
    -webkit-transform: skew(-16.5deg, 0deg);
    -moz-transform: skew(-16.5deg, 0deg);
    -ms-transform: skew(-16.5deg, 0deg);
    -o-transform: skew(-16.5deg, 0deg);
    transform: skew(-16.5deg, 0deg);
}
.navbar-default .navbar-nav li a {
	margin-top: -9px;
    padding-right: 10px;
    padding-left: 8px;
}
#myCarousel {
    margin-top: 0px;
}
.service1 h3{
	padding: 0 0 0 0;
	font-size: 14px;
}
/*HEADER*/

/*SERVICE1*/
.service1 h3{
    padding: 10px 0 10px 1px;
    font-size: 20px;
}
.service1 .bor {
    border-left: 1px solid;
}
/*SERVICE1*/

/*ABOUT*/
.about{
    height: 450px;
    margin-bottom: 15px;
}
/*.about img {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0px;
    height: 475px;
    width: 365px;
    margin-left: -15px;
}*/
.about iframe {
    width: 346px;
    height: 400px;
}
.about h2 {
    font-weight: 500;
    padding-top: 22px;
    padding-left: 0px;
}
.about hr {
    width: 105px;
    margin-left: 0;
    border-width: 3px;
    padding-left: 10px;
}
.about p {
    font-size: 0.91em;
    padding: 0px 0px 0px 2px;
}
/*ABOUT*/

/*SERVICE*/
#mainservices h2{
	margin-left: 10px;
}
#mainservices hr {
    width: 110px;
    border-color: #2426B3;
    border-width: 2px;
    margin-left: 10px;
}
#mainservices h3{
	font-size: 15px;
}
#mainservices p {
    margin: 0 10px 0px 10px;
    font-size: 1em;
}
#mainservices .item {
    height: 400px;
    width: 230px;
    margin: 0 0 0 2%;
}
/*SERVICE*/

/*EVENT*/
.event{
	height: 370px;
    margin-bottom: 100px;
}
.event h2{
	margin-left: 35px;
	color: #fff;
	font-weight: 500;
}
.event hr{
	margin-left: 35px;
}
.sd1{
    width: 130px;
    margin: -503px 653px auto;
    background-color: #11137a;
}
.sd2{
    height: 320px;
    position: relative;
    background-color: #11137A;
}

.sd2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -58px;
    background-color: #11137A;
    transform: skewX(20deg);
    z-index: 0;
}
.sk1{
    width: 380px;
    margin: -40px 0 0 -386px;
    background-color: #11137a;
}
.sk2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 104px;
    background-color: #11137A;
    transform: skewX(21deg);
    z-index: 0;
}
#event .eve{
    margin: 0 0 0 19px;
}
.event1{
    margin: 30px 0 0 0;
}
.event2{
    margin: 30px 0 0 0;
}
.event3{
    margin: 30px 0 0 0;
}
.event4{
    margin: 30px 0 0 0;
}
/*EVENT*/

/*GALLERY*/

#gallery{
	margin-top: 0px;
}
#gallery h2{
	margin-left: 10px;
    border-color: #2426B3;
    font-weight: 500;
}
#gallery hr{
    margin-left: 10px;
	width: 90px;
    border-color: #2426B3;	
}
#gallery .item img{
    width: 230px;
    height: 150px;
    margin: 5px 0 25px 6px;
}

/*GALLERY*/

/* TESTIMONIAL */
#testimonial{
	margin-top: 100px;
	margin-bottom: 100px;
}
.testimonial-style{
	background-color: #2426B3;
	height: 525px;
}
#testimonial h2{
	margin-left: 35px;
	color: #fff;
	font-weight: 500;
}
#testimonial hr{
	margin-left: 35px;
	width: 160px;
}
.te1{
    width: 565px;
    margin: 50px 0 0 16px;
    background-color: #11137A;
}
.te2{
	height: 30px;
    position: relative;
    background-color: #11137A;
}

.te2:before{
	position: absolute;
    content: '';
    width: 26%;
    height: 364px;
    top: -334px;
    left: 488px;
    background-color: #11137A;
    transform: skewX(-21deg);
    z-index: 0;
}
.testsk2 {
    height: 305px;
}
.testsk2:before{
    left: -92px;
}
#testimonial .rating img {
    margin: 120px 0 0 -70px;
}
#testimonialss .testimonial-carousel{
	padding: 0 0 0 0;
}
#testimonial .testimonial-quote{
	padding: 26px 115px 0 70px;
}
#testimonial .quote-testi-up img{
	width: 45px;
    height: 45px;
    margin: 0 0 0 -45px;
}
#testimonial .quote-testi-down img{
	width: 45px;
    height: 45px;
    margin: -32px 0 0 395px;
}
#testimonial .testimonial-author p{
	padding: 0 0 0 147px;
    margin: -16px 0 0 0;
}
/* TESTIMONIAL*/


#client{
	margin: 60px 0 26px 0;
}
#client h2{
    margin-left: 10px;
	color: #2426B3;
	font-weight: 700;
}
#client hr{
    margin-left: 10px;
	border-color: #2426B3;
}
#client .item img{
	width: 230px;
    height: 150px;
    margin: 5px 0 25px 6px;
}

/*FOOTER*/
#footer2 .footer-down ul{
    padding: 20px 0 10px 0;
}
#footer2 .footer-down ul li{
    font-size: 1em;
}

#footer2 .footer-down .powered{
    margin: 0 0 0 42%;
}
/*FOOTER*/
}

@media(max-width: 736px){
#preload img{
    left: 43%;
    top: 34%;
    width: 100px;
    height: 100px;
}
/*HEADER*/

#header .logo{
    margin-left: 0px;
    width: 52%;
    height: 100%;
}
#header .topsocial {
    margin-top: -70px;
}
#header .topsocial span{
    margin-left: 12px;
}
#header .toplink{
    padding-top: 6px;
}
#header .toplink a{
    font-size: 1.1em;
}
.navbar-toggle {
    background-color: #2426b3;
    border: 1px solid #fff;
    margin-right: 48px;
    margin-top: -4px;
}
.navbar-toggle .icon-bar {
    background-color: #2426b3;
    border: 1px solid #fff;
    }
.nav-utility {
    z-index: 16;
    width: 100%;
    font-size: 1.3em;
    background-color: transparent;
    margin-top: 10px;
}
.nav-utility::before {
    width: 0px;
    height: 0px;
}
.navbar-default .navbar-nav li a {
    margin-top: 0;
    padding: 10px;
}
.nav-utility .navbar-nav li a:hover{
	color: #2426b3;
	background-color: #0089C9;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.nav-utility .navbar-nav .active a{
    text-align: center;
    border-bottom: 1px solid #fff;
}
.nav-utility .navbar-nav a{
    text-align: center;
    border-bottom: 1px solid #0089c97a;  
}
.navbar-collapse {
    background-color: #2426b3;
}
.navbar-nav {
    margin: 0 -15px;
}
#myCarousel {
    margin-top: -10px;
}
/*HEADER*/


/*SERVICE1*/
.service1 h3 {
    font-size: 18px;
}
.service1 .bor {
    border-left: 0px;
}
/*SERVICE1*/

/*ABOUT*/
.about{
    height: 720px;;
}
/*.about img {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0px;
    height: 250px;
    width: 600px;
    margin-left: -15px;
}*/
.about iframe {
    width: 705px;
    height: 340px;
    margin: 20px 0 0 0px;
}
.about h2 {
    font-weight: 500;
    padding-top: 0px;
    padding-left: 0%;
}
.about hr {
    width: 105px;
    margin-left: 0;
    border-width: 2px;
    padding-left: 10px;
}
.about p {
    font-size: 1.1em;
    padding: 0px 5px 3px 10px;
}
/*ABOUT*/

/*SERVICE*/
#mainservices h2{
    margin-left: 10px;
}
#mainservices hr {
    width: 110px;
    border-color: #2426B3;
    border-width: 2px;
    margin-left: 10px;
}
#mainservices .item {
    height: 351px;
    width: 200px;
    margin: 0 0 0 8%;
}
#mainservices h3 {
    padding: 0px 0 0 11px;
}
#mainservices p{
    font-size: 0.853em;
}
#mainservices .know{
    margin: 12px 0 0 10px;
}
/*SERVICE*/

/*EVENT*/
.event {
    height: 350px;
}
.event h2 {
    margin-left: 24px;
}
.event hr {
    margin-left: 26px;
}
.sd1{
    width: 116px;
    margin: -505px 635px auto;
    background-color: #11137a;
}
.sd2{
    height: 320px;
    position: relative;
    background-color: #11137A;
}
.sd2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -58px;
    background-color: #11137A;
    transform: skewX(20deg);
    z-index: 0;
}
.sk1{
    width: 380px;
    margin: -31px 0 0 -386px;
    background-color: #11137a;
}
.sk2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 104px;
    background-color: #11137A;
    transform: skewX(21deg);
    z-index: 0;
}
#event .eve{
    margin: 0 0 0 19px;
}
.event1{
    height: 284px;
    width: 210px;
}
.event2{
    height: 284px;
    width: 210px;
}
.event3{
    height: 284px;
    width: 210px;
}
.event4{
    height: 284px;
    width: 210px;
}
.event h3 {
    margin: 0 0 2px 0;
    padding: 175px 0 9px 0;
    font-size: 1.2em;
    line-height: 18px;
}
.event p{
    margin-left: 2px;
    font-size: 1.1em;
}
#event .event .iconarrow {
    width: 17px;
    height: 17px;
    margin: -19px 0 0 89px;
}
/*EVENT*/

/*GALLERY*/

#gallery{
    margin-top: 5px;
}
#gallery h2{
    margin-left: 10px;
}
#gallery hr{
    width: 90px;
    margin-left: 12px;
}
#gallery .item img{
    width: 205px;
    height: 110px;
    margin: 5px 0 25px 16px;
}

/*GALLERY*/

/*TESTIMONIALS*/
#testimonial{
    margin-top: 50px;
    margin-bottom: 50px;
}
.testimonial-style{
    height: 500px;
}
#testimonial h2{
    margin-left: 24px;
}
#testimonial hr{
    margin-left: 26px;
}
.te1 {
    width: 100%;
    margin: 50px 0 0 0px;
    background-color: #11137A;
}
.te2:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    background-color: #11137A;
    transform: none;
    z-index: 0;
}
.testsk1 {
    width: 0;
    margin: 0;
    background-color: #11137A;
}
.testsk2 {
    height: 0;
    position: relative;
    background-color: #11137A;
}
.testsk2:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #11137A;
    transform: none;
    z-index: 0;
}

#testimonialss .testimonial-carousel{
    padding: 0 0 0 0;
}/*
#testimonial .testimonial-quote{
    padding: 30px 344px 0 132px;
}*/
#testimonial .testimonial-quote {
    padding: 55px 25px 0 33px;
}
#testimonial .testimonial-quote p{
    padding: 0 0 0 35px;
}
#testimonial .quote-testi-up img{
    width: 35px;
    height: 35px;
    margin: 0 0 5px -38px;
}
/*#testimonial .quote-testi-down img{
    width: 35px;
    height: 35px;
    margin: -25px 0 0 460px;
}*/
#testimonial .quote-testi-down img {
    width: 35px;
    height: 35px;
    margin: -10px 0 0 650px;
}
#testimonial .testimonial-author p{
    padding: 0 0 0 0px;
    text-align: center;
    margin: 0;

}
#testimonial .owl-theme .owl-dots{
    margin-right: 218px;
}
#testimonial .owl-theme .owl-dots {
    margin-right: 0;
    padding: 0 0 10px 0;
}
#testimonial .rating img:first-child{
    display:none;
}
/*TESTIMONIALS*/

/*CLIENTS*/
#client{
    margin: 10px 0 10px 0;
}
#client h2{
    margin-left: 10px;
    font-weight: 500;
}
#client hr{
    margin-left: 10px;
}
#client .item img{
    width: 205px;
    height: 110px;
    margin: 5px 0 25px 16px;
}
/*CLIENTS*/

/*FOOTER*/
#footer1 .footer-up .quick {
    margin: 0 0 190px 0;
}
#footer1 .footer-up .quick ul li{
    font-size: 1.2em;
}
#footer1 .footer-up .quick1 {
    margin: 0 0 530px 0;
}
#footer2 .footer-down ul{
    padding: 20px 0 10px 0;
}
#footer2 .footer-down ul li{
    font-size: 1em;
}
#footer2 .footer-down .powered{
    margin: 0 0 0 0;
}
/*FOOTER*/
}

@media(max-width: 667px){
/*HEADER*/

#header .topsocial{
    margin-top: -60px;
}
#header .toplink a{
    font-size: 1em;
}
.nav-utility {
    margin-top: 0px;
}
#myCarousel {
    margin-top: -22px;
}
/*HEADER*/


/*SERVICE1*/
.service1 h3 {
    font-size: 18px;
}
.service1 .bor {
    border-left: 0px;
}
/*SERVICE1*/

/*ABOUT*/
.about{
    height: 715px;
}
/*.about img {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0px;
    height: 250px;
    width: 600px;
    margin-left: -15px;
}*/
.about iframe {
    width: 635px;
    height: 310px;
}
.about h2 {
    font-weight: 500;
    padding-top: 0px;
    padding-left: 0%;
}
.about hr {
    width: 105px;
    margin-left: 0;
    border-width: 2px;
    padding-left: 10px;
}
.about p {
    font-size: 1.1em;
    padding: 0px 5px 3px 10px;
}
/*ABOUT*/

/*SERVICE*/
#mainservices h2{
    margin-left: 10px;
}
#mainservices hr {
    width: 110px;
    border-color: #2426B3;
    border-width: 2px;
    margin-left: 10px;
}
#mainservices .item {
    height: 351px;
    width: 185px;
    margin: 0 0 0 7%;
}
#mainservices h3 {
    padding: 0px 0 0 11px;
}
#mainservices p{
    font-size: 0.853em;
}
#mainservices .know{
    margin: 12px 0 0 10px;
}

/*SERVICE*/

/*EVENT*/
.event {
    height: 358px;
}
.event h2 {
    margin-left: 24px;
}
.event hr {
    margin-left: 26px;
}
.sd1{
    width: 116px;
    margin: -480px 566px auto;
    background-color: #11137a;
}
.sd2{
    height: 320px;
    position: relative;
    background-color: #11137A;
}

.sd2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -58px;
    background-color: #11137A;
    transform: skewX(20deg);
    z-index: 0;
}
.sk1{
    width: 380px;
    margin: -31px 0 0 -386px;
    background-color: #11137a;
}
.sk2{
    height: 195px;
    position: relative;
    background-color: #11137A;
}

.sk2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 104px;
    background-color: #11137A;
    transform: skewX(21deg);
    z-index: 0;
}
#event .eve{
    margin: 0 0 0 12px;
}
.event1{
    /*height: 284px;*/
    width: 200px;
    margin: 35px 0 0 0;
}
.event2{
   /* height: 284px;*/
    width: 200px;
    margin: 35px 0 0 0;
}
.event3{
    h/*eight: 284px;*/
    width: 200px;
    margin: 35px 0 0 0;
}
.event4{
    /*height: 284px;*/
    width: 200px;
    margin: 35px 0 0 0;
}
/*EVENT*/

/*GALLERY*/

#gallery{
    margin-top: 5px;
}
#gallery h2{
    margin-left: 10px;
}
#gallery hr{
    width: 90px;
    margin-left: 12px;
}
#gallery .item img{
    width: 180px;
    height: 110px;
    margin: 5px 0 25px 18px;
}

/*GALLERY*/

/*TESTIMONIALS*/

.testimonial-style{
    height: 530px;
}
#testimonial .testimonial-quote {
    padding: 55px 55px 0 33px;
}
#testimonial .quote-testi-down img {
    margin: -10px 0 0 590px;
}
/*TESTIMONIALS*/

/*CLIENTS*/
#client{
    margin: 10px 0 10px 0;
}
#client h2{
    margin-left: 10px;
    font-weight: 500;
}
#client hr{
    margin-left: 10px;
}
#client .item img{
    width: 180px;
    height: 110px;
    margin: 5px 0 25px 18px;
}
/*CLIENTS*/
#footer1 .footer-up .quick1 {
    margin: 0 0 480px 0;
}
}

@media(max-width: 640px){

#preload img {
    left: 42%;
}
/*HEADER*/


#header .topsocial{
    margin-top: -47px;
}
#header .toplink a{
    font-size: 1.05em;
}
.nav-utility {
    margin-top: -5px;
}
#myCarousel {
    margin-top: -30px;
}
/*HEADER*/


/*SERVICE1*/
.service1 h3 {
    font-size: 18px;
}
.service1 .bor {
    border-left: 0px;
}
/*SERVICE1*/

/*ABOUT*/
.about{
    height: 720px;
    margin-bottom: 15px;
}
/*.about img {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0px;
    height: 250px;
    width: 565px;
    margin-left: -15px;
}*/
.about iframe {
    width: 610px;
}
.about h2 {
    font-weight: 500;
    padding-top: 0px;
    padding-left: 0%;
}
.about hr {
    width: 105px;
    margin-left: 0;
    border-width: 2px;
    padding-left: 10px;
}
.about p {
    font-size: 1.1em;
    padding: 0px 5px 3px 10px;
}
/*ABOUT*/

/*SERVICE*/
#mainservices h2{
    margin-left: 10px;
}
#mainservices hr {
    width: 110px;
    border-color: #2426B3;
    border-width: 2px;
    margin-left: 10px;
}
#mainservices .item {
    height: 351px;
    width: 185px;
    margin: 0 0 0 5%;
}
#mainservices h3 {
    padding: 0px 0 0 11px;
}
#mainservices p{
    font-size: 0.853em;
}
#mainservices .know{
    margin: 12px 0 0 10px;
}
/*SERVICE*/

/*EVENT*/
.event {
    height: 380px;
}
.event h2 {
    margin-left: 24px;
}
.event hr {
    margin-left: 26px;
}
.sd1{
    width: 139px;
    margin: -480px 541px auto;
    background-color: #11137a;
}
.sd2{
    height: 320px;
    position: relative;
    background-color: #11137A;
}
.sd2:before{
    position: absolute;
    content: '';
    width: 87%;
    height: 100%;
    top: 0;
    left: -61px;
    background-color: #11137A;
    transform: skewX(20deg);
    z-index: 0;
}
.sk1{
    width: 380px;
    margin: -31px 0 0 -386px;
    background-color: #11137a;
}
.sk2{
    height: 195px;
    position: relative;
    background-color: #11137A;
}
.sk2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 104px;
    background-color: #11137A;
    transform: skewX(21deg);
    z-index: 0;
}
#event .eve{
    margin: 0 0 0 15px;
}
.event1{
    /*height: 284px;*/
    width: 190px;
    margin: 50px 0 0 0px;
}
.event2{
    /*height: 284px;*/
    width: 190px;
    margin: 50px 0 0 0px;
}
.event3{
    /*height: 284px;*/
    width: 190px;
    margin: 50px 0 0 0px;
}
.event4{
    /*height: 284px;*/
    width: 190px;
    margin: 50px 0 0 0px;
}
.event h3 {
    font-size: 1.1em;
}
#event .event .owl-theme .owl-dots{
    margin-right: 0px;
}
/*EVENT*/

/*GALLERY*/

#gallery{
    margin-top: 5px;
}
#gallery h2{
    margin-left: 10px;
}
#gallery hr{
    width: 90px;
    margin-left: 12px;
}
#gallery .item img{
    width: 171px;
    height: 119px;
    margin: 5px 0 25px 17px;
}
/*GALLERY*/

/*TESTIMONIALS*/

#testimonial .quote-testi-down img {
    margin: -10px 0 0 560px;
}
/*TESTIMONIALS*/



/*TESTIMONIALS*/

/*CLIENTS*/
#client{
    margin: 10px 0 10px 0;
}
#client h2{
    margin-left: 10px;
    font-weight: 500;
}
#client hr{
    margin-left: 10px;
}
#client .item img{
    width: 171px;
    height: 119px;
    margin: 5px 0 25px 17px;
}
/*CLIENTS*/


}


@media(max-width: 600px){
#preload img {
    top: 23%;
}

/*HEADER*/
#header .logo{
    width: 49%;
}
#header .topsocial{
    margin-top: -45px;
}
.navbar-toggle {
    margin-right: 15px;
}
#myCarousel {
    margin-top: -20px;
}
/*HEADER*/

/*SERVICE1*/
.service1 h3 {
    font-size: 18px;
}
.service1 .bor {
    border-left: 0px;
}
/*SERVICE1*/

/*ABOUT*/
.about{
    height: 750px;
    margin-bottom: 15px;
}
/*.about img {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0px;
    height: 250px;
    width: 500px;
    margin-left: -15px;
}*/
.about iframe {
    width: 570px;
}
.about h2 {
    font-weight: 500;
    padding-top: 0px;
    padding-left: 0%;
}
.about hr {
    width: 105px;
    margin-left: 0;
    border-width: 2px;
    padding-left: 10px;
}
.about p {
    font-size: 1.1em;
    padding: 0px 5px 3px 10px;
}
/*ABOUT*/

/*SERVICE*/
#mainservices h2{
    margin-left: 10px;
}
#mainservices hr {
    width: 110px;
    border-color: #2426B3;
    border-width: 2px;
    margin-left: 10px;
}
#mainservices .item {
    height: 342px;
    width: 175px;
    margin: 0 0 0 4%;
}
#mainservices h3 {
    padding: 0px 0 0 11px;
}
#mainservices p{
    font-size: 0.853em;
}
#mainservices .know{
    margin: 12px 0 0 10px;
}
#mainservices .owl-carousel .owl-nav button.owl-next{
    color: #2426B3;
    font-size: 4em;
}
#mainservices .owl-carousel .owl-nav button.owl-prev{
    color: #2426B3;
    font-size: 4em;
}
/*SERVICE*/

/*EVENT*/
.event {
    height: 340px;
}
.event h2 {
    margin-left: 24px;
}
.event hr {
    margin-left: 26px;
}
.sd1{
    width: 139px;
    margin: -441px 541px auto;
    background-color: #11137a;
}
.sd2{
    height: 320px;
    position: relative;
    background-color: #11137A;
}

.sd2:before{
    position: absolute;
    content: '';
    width: 87%;
    height: 100%;
    top: 0;
    left: -61px;
    background-color: #11137A;
    transform: skewX(20deg);
    z-index: 0;
}
.sk1{
    width: 380px;
    margin: -75px 0 0 -357px;
    background-color: #11137a;
}
.sk2{
    height: 195px;
    position: relative;
    background-color: #11137A;
}
.sk2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 104px;
    background-color: #11137A;
    transform: skewX(21deg);
    z-index: 0;
}
#event .eve{
    margin: 0 0 0 14px;
}
.event1{
    /*height: 284px;*/
    width: 180px;
    margin: 0px 0 0 0px;
}
.event2{
    /*height: 284px;*/
    width: 180px;
    margin: 0px 0 0 0px;
}
.event3{
    /*height: 284px;*/
    width: 180px;
    margin: 0px 0 0 0px;
}
.event4{
    /*height: 284px;*/
    width: 180px;
    margin: 0px 0 0 0px;
}
.event p{
    margin-left: 2px;
    font-size: 1.1em;
}
/*EVENT*/

/*GALLERY*/

#gallery{
    margin-top: 5px;
}
#gallery h2{
    margin-left: 10px;
}
#gallery hr{
    width: 90px;
    margin-left: 12px;
}
#gallery .item img{
    width: 171px;
    height: 119px;
    margin: 5px 0 25px 10px;
}

#gallery .owl-carousel .owl-nav button.owl-next{
    color: #2426B3;
    font-size: 4em;
}
#gallery .owl-carousel .owl-nav button.owl-prev{
    color: #2426B3;
    font-size: 4em;
}
/*GALLERY*/

/*TESTIMONIALS*/

#testimonial .quote-testi-down img {
    margin: -10px 0 0 520px;
}
/*TESTIMONIALS*/

/*CLIENTS*/
#client{
    margin: 10px 0 10px 0;
}
#client .owl-carousel .owl-nav button.owl-next{
    color: #2426B3;
    font-size: 4em;
}
#client .owl-carousel .owl-nav button.owl-prev{
    color: #2426B3;
    font-size: 4em;
}
#client h2{
    margin-left: 10px;
    font-weight: 500;
}
#client hr{
    margin-left: 10px;
}
#client .item img{
    width: 171px;
    height: 119px;
    margin: 5px 0 25px 10px;
}
/*CLIENTS*/

#footer1 .footer-up .quick1 {
    margin: 0 0 430px 0;
}

}


@media(max-width: 568px){

#preload img{
    left: 41%;
    top: 27%;
}
/*HEADER*/
#header .logo{
    width: 85%;
}
#header .topsocial{
    margin-top: 10px;
}
#header .toplink a{
    font-size: 1.2em;
    }
.nav-utility {
    margin-top: -10px;
}
.navbar-toggle {
    margin-right: 41px;
}
/*HEADER*/


/*SERVICE1*/
.service1 h3 {
    font-size: 18px;
}
.service1 .bor {
    border-left: 0px;
}
/*SERVICE1*/

/*ABOUT*/
.about{
    height: 730px;
}
/*.about img {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0px;
    height: 250px;
    width: 500px;
    margin-left: -15px;
}*/
.about iframe {
    width: 535px;
    height: 290px;
}
.about h2 {
    font-weight: 500;
    padding-top: 0px;
    padding-left: 0%;
}
.about hr {
    width: 105px;
    margin-left: 0;
    border-width: 2px;
    padding-left: 10px;
}
.about p {
    font-size: 1.1em;
    padding: 0px 5px 3px 10px;
}
/*ABOUT*/

/*SERVICE*/
#mainservices h2{
    margin-left: 10px;
}
#mainservices hr {
    width: 110px;
    border-color: #2426B3;
    border-width: 2px;
    margin-left: 10px;
}
#mainservices .item {
    height: 374px;
    width: 290px;
    margin: 0 0 0 24%;
}
/*SERVICE*/

/*EVENT*/
.event {
    height: 430px;
}
.event h2 {
    margin-left: 24px;
}
.event hr {
    margin-left: 26px;
}
.sd1{
    width: 0px;
    margin: 0px 0px auto;
    background-color: #000;
}
.sd2{
    height: 0px;
    position: relative;
    background-color: #11137A;
}

.sk1{
    width: 0px;
    margin: 0px 0px auto;
    background-color: #000;
}
.sk2{
    height: 0px;
    position: relative;
    background-color: #11137A;
}
#event .eve{
    margin: 0 0 0 96px;
}
.event1{
    height: 305px;
    width: 388px;
}
.event2{
    height: 305px;
    width: 388px;
}
.event3{
    height: 305px;
    width: 388px;
}
.event4{
    height: 305px;
    width: 388px;
}
.event h3 {
    padding: 210px  0 15px 0;
    font-size: 1.3em;
    line-height: 21px;
}
#event .event .owl-theme .owl-nav{
    margin-right: 192px;
}
#event .event .owl-theme .owl-dots{
    margin-right: 192px;
}
/*EVENT*/

/*GALLERY*/

#gallery{
    margin-top: 5px;
}
#gallery h2{
    margin-left: 10px;
}
#gallery hr{
    width: 90px;
    margin-left: 12px;
}
#gallery .item img{
    width: 325px;
    height: 160px;
    margin: 5px 0 25px 130px;
}

/*GALLERY*/

/*TESTIMONIALS*/

.testimonial-style{
    height: 630px;
}
#testimonial .quote-testi-down img {
    margin: -10px 0 0 490px;
}
/*TESTIMONIALS*/

/*CLIENTS*/
#client{
    margin: 10px 0 10px 0;
}
#client .owl-carousel .owl-nav button.owl-next{
    color: #2426B3;
    font-size: 4em;
}
#client .owl-carousel .owl-nav button.owl-prev{
    color: #2426B3;
    font-size: 4em;
}
#client h2{
    margin-left: 10px;
    font-weight: 500;
}
#client hr{
    margin-left: 10px;
}
#client .item img{
    width: 325px;
    height: 160px;
    margin: 5px 0 25px 130px;
}
/*CLIENTS*/

}


@media(max-width: 533px){

/*HEADER*/

#header .logo{
    width: 88%;
}
/*HEADER*/


/*SERVICE1*/
.service1 h3 {
    font-size: 18px;
}
.service1 .bor {
    border-left: 0px;
}
/*SERVICE1*/

/*ABOUT*/
.about{
    height: 725px;
}
/*.about img {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0px;
    height: 250px;
    width: 410px;
    margin-left: -15px;
}*/
.about iframe {
    width: 500px;
    height: 265px;
}
.about h2 {
    font-weight: 500;
    padding-top: 0px;
    padding-left: 0%;
}
.about hr {
    width: 105px;
    margin-left: 0;
    border-width: 2px;
    padding-left: 10px;
}
.about p {
    font-size: 1.1em;
    padding: 0px 5px 3px 10px;
}
/*ABOUT*/

/*SERVICE*/
#mainservices h2{
    margin-left: 10px;
}
#mainservices hr {
    width: 110px;
    border-color: #2426B3;
    border-width: 2px;
    margin-left: 10px;
}
#mainservices .item {
    height: 364px;
    width: 290px;
    margin: 0 0 0 22%;
}
/*SERVICE*/

/*EVENT*/
.event {
    height: 420px;
}
.event h2 {
    margin-left: 24px;
}
.event hr {
    margin-left: 26px;
}
.sd1{
    width: 0px;
    margin: 0px 0px auto;
    background-color: #000;
}
.sd2{
    height: 0px;
    position: relative;
    background-color: #11137A;
}

.sk1{
    width: 0px;
    margin: 0px 0px auto;
    background-color: #000;
}
.sk2{
    height: 0px;
    position: relative;
    background-color: #11137A;
}
#event .eve{
    margin: 0 0 0 82px;
}
.event1{
    height: 270px;
    width: 395px;
}
.event2{
   height: 270px;
    width: 395px;
}
.event3{
    height: 270px;
    width: 395px;
}
.event4{
    height: 270px;
    width: 395px;
}
.event h3 {
    padding: 182px 0 15px 0;
}
#event .event .owl-theme .owl-nav{
    margin-right: 160px;
}
#event .event .owl-theme .owl-dots{
    margin-right: 160px;
}
/*EVENT*/

/*GALLERY*/

#gallery{
    margin-top: 5px;
}
#gallery h2{
    margin-left: 10px;
}
#gallery hr{
    width: 90px;
    margin-left: 12px;
}
#gallery .item img{
    width: 325px;
    height: 160px;
    margin: 5px 0 25px 100px;
}

/*GALLERY*/

/*TESTIMONIALS*/

#testimonial .quote-testi-down img {
    margin: -10px 0 0 450px;
}

/*TESTIMONIALS*/

/*CLIENTS*/
#client{
    margin: 10px 0 10px 0;
}
#client .owl-carousel .owl-nav button.owl-next{
    color: #2426B3;
    font-size: 4em;
}
#client .owl-carousel .owl-nav button.owl-prev{
    color: #2426B3;
    font-size: 4em;
}
#client h2{
    margin-left: 10px;
    font-weight: 500;
}
#client hr{
    margin-left: 10px;
}
#client .item img{
    width: 325px;
    height: 160px;
    margin: 5px 0 25px 100px;
}
/*CLIENTS*/

/* FOOTER */
#footer1 .footer-up .col-md-4 .quick ul li{
    font-size: 1em;
}
#footer1 .footer-up .quick1 {
    margin: 0 0 380px 0;
}
/* FOOTER */

}


@media(max-width: 480px){

/*HEADER*/
#header .logo {
    margin-left: 12px;
    width: 93%;
}
#header .topsocial {
	z-index: 99;
    margin-top: 9px;
    float: left;
    padding: 10px 0px 5px 10px;
}
#header .toplink {
	padding: 6px 0 0 130px;
    float: left;
}
#header .links1 {
    margin: -30px -340px 5px 0;
}
#header .toplink .nonelink{
    display: none;
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
}
.navbar {
    margin-bottom: 20px;
    margin-top: -30px;
}
.navbar-toggle {
    margin-right: 15px;
}
.nav-utility {
    margin-top: -13px;
}
#myCarousel {
    margin-top: -22px;
}
/*HEADER*/

/*SERVICE1*/
.service1 h3 {
    font-size: 18px;
}
.service1 .bor {
    border-left: 0px;
}
/*SERVICE1*/

/*ABOUT*/
.about{
    height: 750px;
    margin-bottom: 15px;
}
/*.about img {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0px;
    height: 250px;
    width: 410px;
    margin-left: -15px;
}*/
.about iframe {
    width: 445px;
    height: 245px;
}
.about h2 {
    font-weight: 500;
    padding-top: 0px;
    padding-left: 0%;
}
.about hr {
    width: 105px;
    margin-left: 0;
    border-width: 2px;
    padding-left: 10px;
}
.about p {
    font-size: 1.1em;
    padding: 0px 5px 3px 10px;
}
/*ABOUT*/

/*SERVICE*/
#mainservices h2{
    margin-left: 10px;
}
#mainservices hr {
    width: 110px;
    border-color: #2426B3;
    border-width: 2px;
    margin-left: 10px;
}
#mainservices .item {
    height: 384px;
    width: 286px;
    margin: 0 0 0 19%;
}
/*SERVICE*/

/*EVENT*/
.event {
    height: 400px;
}
.event h2 {
    margin-left: 24px;
}
.event hr {
    margin-left: 26px;
}
.sd1{
    width: 0px;
    margin: 0px 0px auto;
    background-color: #000;
}
.sd2{
    height: 0px;
    position: relative;
    background-color: #11137A;
}

.sk1{
    width: 0px;
    margin: 0px 0px auto;
    background-color: #000;
}
.sk2{
    height: 0px;
    position: relative;
    background-color: #11137A;
}
#event .eve{
    margin: 0 0 0 55px;
}
.event1{
    height: 270px;
    width: 395px;
}
.event2{
    height: 270px;
    width: 395px;
}
.event3{
    height: 270px;
    width: 395px;
}
.event4{
    height: 270px;
    width: 395px;
}
#event .event .owl-theme .owl-dots{
    margin-right: 100px;
}
/*EVENT*/

/*GALLERY*/

#gallery{
    margin-top: 5px;
}
#gallery h2{
    margin-left: 10px;
}
#gallery hr{
    width: 90px;
    margin-left: 12px;
}
#gallery .item img{
    width: 325px;
    height: 160px;
    margin: 5px 0 25px 70px;
}
/*GALLERY*/

/*TESTIMONIALS*/
#testimonial .quote-testi-down img {
    margin: -10px 0 0 410px;
}
/*TESTIMONIALS*/

/*CLIENTS*/
#client{
    margin: 10px 0 10px 0;
}
#client .owl-carousel .owl-nav button.owl-next{
    color: #2426B3;
    font-size: 4em;
}
#client .owl-carousel .owl-nav button.owl-prev{
    color: #2426B3;
    font-size: 4em;
}
#client h2{
    margin-left: 10px;
    font-weight: 500;
}
#client hr{
    margin-left: 10px;
}
#client .item img{
    width: 325px;
    height: 160px;
    margin: 5px 0 25px 70px;
}
/*CLIENTS*/

#footer1 .footer-up .quick {
    margin: 0 0 160px 0;
}
#footer1 .footer-up .quick1 {
    margin: 0 0 340px 0;
}

}


@media(max-width: 414px){
#preload img{
    width: 150px;
    height: 150px;
    left: 32%;
    top: 30%;
}
/*HEADER*/

#header .logo{
	margin-left: 0;
    width: 100%;
}
/*#header .topsocial {
    margin-top: 10px;
    padding: 10px 275px 5px 0;
}*/
#header .toplink {
    padding-right: 15px;
}
#header .links1 {
    margin: -30px -265px 5px 0;
}
#header .toplink .nonelink{
    display: none;
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
}
.navbar {    
    margin-bottom: 15px;
    margin-top: -30px;
}
.navbar-toggle {
    margin-right: 15px;
}
.nav-utility {
    margin-top: -13px;
}
.carousel-inner .item img{
    height: 220px;
}

/*HEADER*/

/*SERVICE1*/
.service1 .bor {
    border-left: 0px;
}
/*SERVICE1*/

/*ABOUT*/
.about{
    height: 765px;
}
/*.about img {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0px;
    height: 250px;
    width: 350px;
    margin-left: -15px;
}*/
.about iframe {
    width: 382px;
    height: 215px;
}
.about h2 {
    font-weight: 500;
    padding-top: 0px;
    padding-left: 0%;
}
.about hr {
    width: 105px;
    margin-left: 0;
    border-width: 2px;
    padding-left: 10px;
}
.about p {
    font-size: 1.1em;
    padding: 0px 5px 3px 10px;
}
/*ABOUT*/

/*SERVICE*/
#mainservices {
    margin: 50px 0 50px 0;
}
#mainservices h2{
	margin-left: 10px;
}
#mainservices hr {
    width: 110px;
    border-color: #2426B3;
    border-width: 2px;
    margin-left: 10px;
}
#mainservices .item {
    height: 400px;
    width: 286px;
    margin: 0 0 0 15%;
}
#mainservices p {
    font-size: 1em;
}
/*SERVICE*/

/*EVENT*/
.event {
    height: 610px;
}
.event h2 {
    margin-left: 24px;
}
.event hr {
    margin-left: 26px;
}
.sd1{
	width: 0px;
    margin: 0px 0px auto;
    background-color: #000;
}
.sd2{
	height: 0px;
    position: relative;
    background-color: #11137A;
}

.sk1{
	width: 0px;
    margin: 0px 0px auto;
    background-color: #000;
}
.sk2{
	height: 0px;
    position: relative;
    background-color: #11137A;
}
#event .eve{
    margin: 0 0 0 58px;
}
.event1{
    height: 460px;
    width: 330px;
    margin: 20px 0 0 0px;
    z-index: 0;
}
.event2{
    height: 460px;
    width: 330px;
    margin: 20px 0 0 0px;
    z-index: 0;
}
.event3{
  	height: 460px;
    width: 330px;
    margin: 20px 0 0 0px;
    z-index: 0;
}
.event4{
    height: 460px;
    width: 330px;
    margin: 20px 0 0 0px;
    z-index: 0;
}
.event h3 {
    padding: 340px 0 15px 0;
    font-size: 1.3em;
    line-height: 25px;
    letter-spacing: 0.5px;
}
.event p{
	font-size: 1.1em;
}
#event .event .iconarrow {
    width: 18px;
    height: 17px;
    margin: -19px 0 0 87px;
}
#event .event .owl-theme .owl-dots{
    margin-right: 100px;
}
/*EVENT*/

/*GALLERY*/

#gallery{
	margin-top: 5px;
}
#gallery h2{
	margin-left: 10px;
}
#gallery hr{
	width: 90px;
    margin-left: 12px;
}
#gallery .item img{
    width: 345px;
    height: 170px;
    margin: 5px 0 25px 35px;
}

/*GALLERY*/

/*TESTIMONIALS*/
#testimonial .testimonial-quote {
    padding: 55px 35px 0 33px;
}
#testimonial .quote-testi-down img {
    margin: -10px 0 30px 330px;
}
/*TESTIMONIALS*/

/*CLIENTS*/
#client{
    margin: 10px 0 10px 0;
    padding: 20px 0 0 0;
}
#client .owl-carousel .owl-nav button.owl-next{
	color: #2426B3;
    font-size: 4em;
}
#client .owl-carousel .owl-nav button.owl-prev{
	color: #2426B3;
    font-size: 4em;
}
#client h2{
	margin-left: 10px;
	font-weight: 500;
}
#client hr{
	margin-left: 10px;
}
#client .item img{
	width: 345px;
	height: 170px;
	margin: 5px 0 25px 35px;
}
/*CLIENTS*/

#footer1 .footer-up .quick1 {
    margin: 0 0 290px 0;
}

}

@media(max-width: 384px){

/*HEADER*/
/*#header .topsocial {
    margin-top: 10px;
    padding: 10px 245px 5px 0;
}*/
#header .links1 {
    margin: -30px -230px 5px 0;
}
.navbar {
    margin-bottom: 20px;
    margin-top: -30px;
}
#myCarousel {
    margin-top: 0px;
}


/*HEADER*/

/*SERVICE1*/
.service1 .bor {
    border-left: 0px;
}
/*SERVICE1*/

/*ABOUT*/
.about{
    height: 725px;
}
/*.about img {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0px;
    height: 240px;
    width: 325px;
    margin-left: -15px;
}*/
.about iframe {
    width: 355px;
    height: 200px;
}
.about h2 {
    font-weight: 500;
    padding-top: 0px;
    padding-left: 0%;
}
.about hr {
    width: 105px;
    margin-left: 0;
    border-width: 2px;
    padding-left: 10px;
}
.about p {
    font-size: 1em;
    padding: 0px 5px 0px 10px;
}
/*ABOUT*/

/*SERVICE*/
#mainservices h2{
    margin-left: 10px;
}
#mainservices hr {
    width: 110px;
    border-color: #2426B3;
    border-width: 2px;
    margin-left: 10px;
}
#mainservices h3{
    padding: 18px 0 0 10px;
}
#mainservices .know{
    margin: 12px 0 0 12px;
}
#mainservices .item {
    height: 410px;
    margin: 0 0 0 12%;
}
/*SERVICE*/

/*EVENT*/
.event {
    height: 545px;
}
.event h2 {
    margin-left: 24px;
}
.event hr {
    margin-left: 26px;
}
.sd1{
    width: 0px;
    margin: 0px 0px auto;
    background-color: #000;
}
.sd2{
    height: 0px;
    position: relative;
    background-color: #11137A;
}
.sk1{
    width: 0px;
    margin: 0px 0px auto;
    background-color: #000;
}
.sk2{
    height: 0px;
    position: relative;
    background-color: #11137A;
}
#event .eve{
    margin: 0 0 0 54px;
}
.event1{
    height: 410px;
    width: 310px;
    margin: 15px 0 0 0;
}
.event2{
    height: 410px;
    width: 310px;
    margin: 15px 0 0 0;
}
.event3{
    height: 410px;
    width: 310px;
    margin: 15px 0 0 0;
}
.event4{
    height: 410px;
    width: 310px;
    margin: 15px 0 0 0;
}
.event h3 {
    padding: 275px 0 15px 0;
}
/*EVENT*/

/*GALLERY*/
#gallery{
    margin-top: 5px;
}
#gallery h2{
    margin-left: 10px;
}
#gallery hr{
    width: 90px;
    margin-left: 12px;
}
#gallery .item img{
    width: 325px;
    height: 150px;
    margin: 5px 0 25px 30px;
}
/*GALLERY*/

/*TESTIMONIALS*/
#testimonial .quote-testi-down img {
    margin: -10px 0 30px 320px;
}
/*TESTIMONIALS*/

/*CLIENTS*/
#client{
    margin: 10px 0 10px 0;
    padding: 20px 0 0 0;
}
#client h2{
    margin-left: 10px;
    font-weight: 500;
}
#client hr{
    margin-left: 10px;
}
#client .item img{
    width: 325px;
    height: 150px;
    margin: 5px 0 25px 30px;
}
/*CLIENTS*/

#footer1 .footer-up .quick1 {
    margin: 0 0 270px 0;
}

}

@media(max-width: 375px){
#preload img{
    left: 31%;
}
.navbar {
    margin-bottom: 0px;
}

/*SERVICE1*/
.service1 .bor {
    border-left: 0px;
}
/*SERVICE1*/

/*ABOUT*/
.about{
    height: 725px;
}
/*.about img {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0px;
    height: 240px;
    width: 325px;
    margin-left: -15px;
}*/
.about iframe {
    width: 345px;
    height: 198px;
}
.about h2 {
    font-weight: 500;
    padding-top: 0px;
    padding-left: 0%;
}
.about hr {
    width: 105px;
    margin-left: 0;
    border-width: 2px;
    padding-left: 10px;
}
.about p {
    font-size: 1em;
    padding: 0px 5px 0px 10px;
}
/*ABOUT*/

/*SERVICE*/
#mainservices h2{
	margin-left: 10px;
}
#mainservices hr {
    width: 110px;
    border-color: #2426B3;
    border-width: 2px;
    margin-left: 10px;
}
#mainservices .item{
    height: 420px;
    margin: 0 0 0 11.5%;
}
#mainservices h3{
    padding: 18px 0 0 10px;
}
#mainservices .know{
    margin: 12px 0 0 12px;
}

/*SERVICE*/

/*EVENT*/
.event {
    height: 545px;
}
.event h2 {
    margin-left: 24px;
}
.event hr {
    margin-left: 26px;
}
.sd1{
	width: 0px;
    margin: 0px 0px auto;
    background-color: #000;
}
.sd2{
	height: 0px;
    position: relative;
    background-color: #11137A;
}
.sk1{
	width: 0px;
    margin: 0px 0px auto;
    background-color: #000;
}
.sk2{
	height: 0px;
    position: relative;
    background-color: #11137A;
}
#event .eve{
    margin: 0 0 0 60px;
}
.event1{
    width: 290px;
}
.event2{
    width: 290px;
}
.event3{
    width: 290px;
}
.event4{
    width: 290px;
}
.event h3 {
    font-size: 1.2em;
}
#event .event .owl-theme .owl-dots{
    margin-right: 125px;
}
/*EVENT*/

/*GALLERY*/

#gallery{
	margin-top: 5px;
}
#gallery h2{
	margin-left: 10px;
}
#gallery hr{
	width: 90px;
    margin-left: 12px;
}
#gallery .item img{
    width: 325px;
    height: 150px;
    margin: 5px 0 25px 26px;
}

/*GALLERY*/

/*TESTIMONIALS*/
#testimonial .quote-testi-down img {
    margin: -10px 0 30px 305px;
}
/*TESTIMONIALS*/

/*CLIENTS*/
#client{
    margin: 10px 0 10px 0;
    padding: 20px 0 0 0;
}
#client h2{
	margin-left: 10px;
	font-weight: 500;
}
#client hr{
	margin-left: 10px;
}
#client .item img{
	width: 325px;
    height: 150px;
    margin: 5px 0 25px 26px;
}
/*CLIENTS*/

}


@media(max-width: 360px){
#preload img{
    left: 30%;
}
/*#header .topsocial {
    padding: 10px 235px 5px 0;
}*/
#header .links1 {
    margin: -30px -225px 5px 0;
}

/*SERVICE1*/
.service1 .bor {
    border-left: 0px;
}
/*SERVICE1*/

/*ABOUT*/
.about{
    height: 750px;
}
/*.about img {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0px;
    height: 233px;
    width: 321px;
    margin-left: -15px;
}*/
.about iframe {
    width: 330px;
    height: 190px;
}
.about h2 {
    font-weight: 500;
    padding-top: 0px;
    padding-left: 0%;
}
.about hr {
    width: 105px;
    margin-left: 0;
    border-width: 2px;
    padding-left: 10px;
}
.about p {
    color: #fff;
    font-size: 1em;
    padding: 0px 10px 0 10px;
}

/*ABOUT*/

/*SERVICE*/
#mainservices h2{
	margin-left: 10px;
}
#mainservices hr {
    width: 110px;
    border-color: #2426B3;
    border-width: 2px;
    margin-left: 10px;
}
#mainservices .item {
    height: 437px;
    margin: 0 0 0 11%;
}
#mainservices h3{
    padding: 18px 0 0 10px;
}
#mainservices .know{
    margin: 12px 0 0 12px;
}
/*SERVICE*/

/*EVENT*/
.event {
    height: 520px;
}
.event h2 {
    margin-left: 24px;
}
.event hr {
    margin-left: 26px;
}
.sd1{
	width: 0px;
    margin: 0px 0px auto;
    background-color: #000;
}
.sd2{
	height: 0px;
    position: relative;
    background-color: #11137A;
}
.sk1{
	width: 0px;
    margin: 0px 0px auto;
    background-color: #000;
}
.sk2{
	height: 0px;
    position: relative;
    background-color: #11137A;
}
#event .eve{
    margin: 0 0 0 56px;
}
.event1{
    height: 370px;
    width: 290px;
}
.event2{
    height: 370px;
    width: 290px;
}
.event3{
    height: 370px;
    width: 290px;
}
.event4{
    height: 370px;
    width: 290px;
}
.event h3 {
    padding: 245px 0 15px 0;
}
#event .event .owl-theme .owl-dots{
    margin-right: 125px;
}

/*EVENT*/

/*GALLERY*/

#gallery{
	margin-top: 5px;
}
#gallery h2{
	margin-left: 10px;
}
#gallery hr{
	width: 90px;
    margin-left: 12px;
}
#gallery .item img{
    width: 325px;
    height: 150px;
    margin: 5px 0 25px 16px;
}

/*GALLERY*/

/*TESTIMONIALS*/
#testimonial .quote-testi-down img {
    margin: -10px 0 30px 295px;
}

/*TESTIMONIALS*/

/*CLIENTS*/
#client{
	margin: 10px 0 10px 0;
    padding: 20px 0 0 0;
}
#client h2{
	margin-left: 10px;
	font-weight: 500;
}
#client hr{
	margin-left: 10px;
}
#client .item img{
	width: 325px;
    height: 150px;
    margin: 5px 0 25px 16px;
}
/*CLIENTS*/

#footer1 .footer-up .quick1 {
    margin: 0 0 260px 0;
}

}

@media(max-width: 320px){
#preload img{
    left: 25%;
}
/*#header .topsocial {
    padding: 10px 195px 5px 0;
}*/
#header .links1 {
    margin: -30px -185px 5px 0;
}
/*HEADER*/

#header .toplink{
    padding-top: 5px;
}
#header .toplink a{
	font-size: 0.95em;
}
.navbar-default .navbar-nav li a {
    padding: 5px 0 5px 40px;
}
.carousel-inner .item img {
    height: 200px;
}
/*HEADER*/

/*SERVICE1*/
.service1 .bor {
    border-top: 0px;
}
.service1 h3 {
    padding: 0 0 0 0;
    font-size: 1.2em;
}
/*SERVICE1*/

/*ABOUT*/

/*.about img {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0px;
    height: 233px;
    width: 321px;
    margin-left: -15px;
}*/
.about iframe {
    width: 290px;
    height: 190px;
}
.about h2 {
    font-weight: 500;
    padding-top: 0px;
    padding-left: 0%;
}
.about hr {
    width: 105px;
    margin-left: 0;
    border-width: 2px;
    padding-left: 10px;
}
.about p {
    color: #fff;
    font-size: 0.95em;
    padding: 0px 10px 0 10px;
}
/*ABOUT*/

/*SERVICE*/
#mainservices h2{
	margin-left: 10px;
}
#mainservices hr {
    width: 110px;
    border-color: #2426B3;
    border-width: 2px;
    margin-left: 10px;
}
#mainservices .item {
    height: 437px;
    width: 277px;
    margin: 0 0 0 7%;
}

/*SERVICE*/

/*EVENT*/
.event {
    height: 518px;
}
.event h2 {
    margin-left: 24px;
}
.event hr {
    margin-left: 26px;
}
.sd1{
	width: 0px;
    margin: 0px 0px auto;
    background-color: #000;
}
.sd2{
	height: 0px;
    position: relative;
    background-color: #11137A;
}
.sk1{
	width: 0px;
    margin: 0px 0px auto;
    background-color: #000;
}
.sk2{
	height: 0px;
    position: relative;
    background-color: #11137A;
}
#event .eve{
    margin: 0 0 0 50px;
}
.event1{
    width: 253px;
}
.event2{
    width: 253px;
}
.event3{
    width: 253px;
}
.event4{
    width: 253px;
}
.event h3 {
    padding: 225px 0 15px 0;
    font-size: 1.1em;
}
.event p{
	font-size: 1.1em;
}

/*EVENT*/

/*GALLERY*/

#gallery{
	margin-top: 5px;
}
#gallery h2{
	margin-left: 10px;
}
#gallery hr{
	width: 90px;
    margin-left: 12px;
}
#gallery .item img{
    width: 290px;
    height: 145px;
    margin: 5px 0 25px 15px;
}


/*GALLERY*/

/*TESTIMONIALS*/
#testimonial .quote-testi-down img {
    margin: -10px 0 20px 255px;
}
/*TESTIMONIALS*/

/*CLIENTS*/
#client{
	margin: 10px 0 10px 0;
    padding: 20px 0 0 0;
}
#client .owl-carousel .owl-nav button.owl-next{
	color: #2426B3;
    font-size: 3em;
}
#client .owl-carousel .owl-nav button.owl-prev{
	color: #2426B3;
    font-size: 3em;
}
#client h2{
	margin-left: 10px;
	font-weight: 500;
}
#client hr{
	margin-left: 10px;
}
#client .item img{
    width: 290px;
    height: 145px;
    margin: 5px 0 25px 15px;
}
/*CLIENTS*/

#footer1 .footer-up .quick1 {
    margin: 0 0 220px 0;
}

}

/*RESPONSIVE*/