body{font-family:'Open Sans',sans-serif}
.pad-top{padding-top:50px}
.pad-top-bottom{padding-top:20px;padding-bottom:15px;}
.text-center{text-align:center}
section{padding:4px 0; margin: -2% 0 2% 0;}
p{line-height:30px;font-size:16px;padding:10px 0;text-align: justify;}
h1{font-weight:900;color:#fff;}
.pad-head{background: rgba(255, 255, 255, 0.98);color: #000;position:relative;z-index:1000}
.pad-head h2{color:#FF0081; font-weight:bold; text-shadow: 2px 2px 1px rgba(156, 150, 150, 0.65);}
.move-me p a { color:#fff; text-decoration:none;}
.move-me1 p a {color:#000; text-decoration:none;}
.move-me1 p a:hover {color:#FF0081;}
.move-me p a:hover { color:#FF0081;}
.h-hed-col { color:#014D99;}

.h-hed-col-1 { color:#ff0f65; font-size:16px; background-color: #ddd; padding:1% 2%;}
.h-hed-col-1 a { color:#FE0080;}
.h-hed-col-1 a:hover { color:#fff;}
.h-hed-col2 { color:#666; font-size:25px; line-height:25px; margin-bottom:3%;}
.fon-contact p a{ color:#333;}
.fon-contact p a:hover {color:#666;}
.contact-contain p { color:#333;}
.contact-contain p a {color:#333; text-decoration:none;}
.contact-contain p a:hover { color:#555;}

.color-strip{margin:20px 0 30px;max-width:230px;height:2px;border-top:0;background:#c4e17f;border-radius:5px;background-image:-webkit-linear-gradient(left,#c4e17f,#c4e17f 12.5%,#f7fdca 12.5%,#f7fdca 25%,#fecf71 25%,#fecf71 37.5%,#f0776c 37.5%,#f0776c 50%,#db9dbe 50%,#db9dbe 62.5%,#c49cde 62.5%,#c49cde 75%,#669ae1 75%,#669ae1 87.5%,#62c2e4 87.5%,#62c2e4);background-image:-moz-linear-gradient(left,#c4e17f,#c4e17f 12.5%,#f7fdca 12.5%,#f7fdca 25%,#fecf71 25%,#fecf71 37.5%,#f0776c 37.5%,#f0776c 50%,#db9dbe 50%,#db9dbe 62.5%,#c49cde 62.5%,#c49cde 75%,#669ae1 75%,#669ae1 87.5%,#62c2e4 87.5%,#62c2e4);background-image:-o-linear-gradient(left,#c4e17f,#c4e17f 12.5%,#f7fdca 12.5%,#f7fdca 25%,#fecf71 25%,#fecf71 37.5%,#f0776c 37.5%,#f0776c 50%,#db9dbe 50%,#db9dbe 62.5%,#c49cde 62.5%,#c49cde 75%,#669ae1 75%,#669ae1 87.5%,#62c2e4 87.5%,#62c2e4);background-image:linear-gradient(to right,#c4e17f,#c4e17f 12.5%,#f7fdca 12.5%,#f7fdca 25%,#fecf71 25%,#fecf71 37.5%,#f0776c 37.5%,#f0776c 50%,#db9dbe 50%,#db9dbe 62.5%,#c49cde 62.5%,#c49cde 75%,#669ae1 75%,#669ae1 87.5%,#62c2e4 87.5%,#62c2e4)}
.custom-btn-one{color:#000;background-image: linear-gradient(to bottom,#D9D309 0%,#D9D309 100%);border-color:#eee;}
.custom-btn-one:hover{color:#fff;background-color:rgba(0,0,0,0.40)}
.btn-style-two{color:#fff;background-color:#797979;border-color:#929292;border-radius:0!important;-webkit-border-radius:0!important;-moz-border-radius:0!important}
.btn-style-two:hover{color:#fff}
.btn-style-three{color:#fff;background-color:#3BAD72;border-color:#44EBB5;border-radius:0!important;-webkit-border-radius:0!important;-moz-border-radius:0!important}
.btn-style-three:hover{color:#fff}
#home-sec{padding:0;-webkit-background-size:cover;background-size:cover;background-attachment:fixed;color:#fff;position:relative;z-index:10;top:-4.5em}
#home-sec .overlay{padding-top:100px;background:rgba(0,0,0,0.3);min-height:790px;margin-top: -795px;}
#home-sec .main-img{max-height:450px;border:5px solid #ff0f65;content:url('../img/sad.jpg');cursor:pointer}
#home-sec .main-img:hover{content:url('../img/smile.jpg');cursor:pointer}
#home-sec a,#home a:hover{text-decoration:none}
#home-sec .main-img-2{max-height:200px;border:5px solid #ff0f65;content:url('../img/smile.jpg');cursor:pointer}
#home-sec .main-img-2:hover{content:url('../img/sad.jpg');cursor:pointer}
#home-sec h1{font-weight:900;padding:20px 0 0}
#home-sec h2{font-weight:400;padding:0 0 30px;color:#fff}
#home-sec h3{padding:5px 0;color:#fff;font-weight:800}
#home-sec small{color:#fff}
/*********home-sec****/
#home-sec-1{background:url(../img/home.jpg) no-repeat center center;padding:0;-webkit-background-size:cover;background-size:cover;background-attachment:fixed;color:#fff;position:relative;z-index:10;top:-4.5em}
#home-sec-1 .overlay{padding-top:0px;background: rgba(0,0,0,0.7);min-height: 500px;}
#home-sec-1 .main-img{max-height:450px;border:5px solid #ff0f65;content:url('../img/sad.jpg');cursor:pointer}
#home-sec-1 .main-img:hover{content:url('../img/smile.jpg');cursor:pointer}
#home-sec-1 a,#home a:hover{text-decoration:none}
#home-sec-1 .main-img-2{max-height:200px;border:5px solid #ff0f65;content:url('../img/smile.jpg');cursor:pointer}
#home-sec-1 .main-img-2:hover{content:url('../img/sad.jpg');cursor:pointer}
.pad-le-ri { padding-left:0px; padding-right:0px;}
#home-sec-1 .main-img img { width:100%; height:auto;}

.icon-round{font-size:20px;height:50px;width:50px;line-height:50px;color:#fff;margin-top:3%;border:2px solid #fff;text-align:center;border-radius:50%;-webkit-transition:400ms;-moz-transition:400ms;-o-transition:400ms;transition:400ms;cursor:pointer}
.icon-round:hover{background-color:#D9D309;}
.icon-round-active{background-color:#FF0081}
#about-sec .social-icon{padding:10px 0 30px}
#about-sec .social-icon a > img{padding:5px}
#skill-sec h4{font-weight:600;color:#fff;}
#skill-sec{background:url(../img/skill.jpg) no-repeat center center;padding:0;-webkit-background-size:cover;background-size:cover;color:#fff;background-attachment:fixed}
#skill-sec .overlay{padding-top:50px;background:rgba(0,0,0,0.6);}

#about-sec-1 .social-icon a > img{padding:5px}
#skill-sec-1 h4{font-weight:600;color:#fff;}
#skill-sec-1 {background:url(../img/skill-1.jpg) no-repeat center center;padding:0;-webkit-background-size:cover;background-size:cover;color:#fff;background-attachment:fixed}
#skill-sec-1 .overlay{padding-top:50px;background:rgba(0,0,0,0.6);}
.menu, .menu-2 {display:inline-block; margin-left: 55px; text-align:center;}
.chart{position:relative;display:inline-block;width:150px;height:150px;margin-top:50px;margin-bottom:50px;text-align:center}
.chart canvas{position:absolute;top:0;left:0}
.percent{display:inline-block;line-height:150px;z-index:2;font-size:2em}
.percent:after{content:'%';margin-left:.1em;font-size:1em}
.board{width:85%;margin:0 auto}
.board .nav-tabs{position:relative;margin:40px auto;margin-bottom:0;box-sizing:border-box}
.text-1 { text-align:center;} 
p.narrow{margin:10px auto;text-transform:uppercase}
.liner{height:2px;background:#ddd;position:absolute;width:80%;margin:0 auto;left:0;right:0;top:50%;z-index:1}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{color:#555;cursor:default;border:0;border-bottom-color:transparent}
.board .tab-content span{display:block}
.board .tab-content i{color:#fff;margin-right:15px;margin-left:15px;font-style:normal}
span.round-tabs{width:70px;height:70px;line-height:70px;display:inline-block;border-radius:100px;background:#fff;z-index:2;position:absolute;left:0;text-align:center;font-size:25px}
span.round-tabs.one{color:#22c222;border:2px solid #22c222}
.board li.active span.round-tabs.one{background:#DAD40A!important;border:2px solid #FE0180;border-top-right-radius: 0%;color:#22c222;}
.board span.round-tabs.two{color:#febe29;border:2px solid #febe29}
.board li.active span.round-tabs.two{background: #DAD40A!important;border: 2px solid #F155A4;color: #febe29;
    border-top-right-radius: 0px;}
span.round-tabs.three{color:#3e5e9a;border:2px solid #3e5e9a}
.board li.active span.round-tabs.three{background:#DAD40A!important;border:2px solid #FE0180;border-top-right-radius: 0%;color:#3e5e9a}
span.round-tabs.four{color:#f1685e;border:2px solid #f1685e}
.board li.active span.round-tabs.four{background:#DAD40A!important;border:2px solid #FE0180;border-top-right-radius: 0%;color:#f1685e}
span.round-tabs.five{color:#999;border:2px solid #999}
.board li.active span.round-tabs.five{background:#DAD40A!important;border:2px solid #FE0180;border-top-right-radius: 0%;color:#999}
.nav-tabs > li.active > a span.round-tabs{background:#fafafa}
.nav-tabs > li{width:20%}
.board li:after{content:" ";position:absolute;left:45%;opacity:0;margin:0 auto;bottom:0;border:5px solid transparent;border-bottom-color:#ff0f65!important;transition:.1s ease-in-out}
/******Gallery*********/
.board-1{width:70%;margin:0 auto}
.board-1 .nav-tabs{position:relative;margin:40px auto;margin-bottom:0;box-sizing:border-box}
p.narrow{margin:10px auto;text-transform:uppercase}
.liner{height:2px;background:#ddd;position:absolute;width:80%;margin:0 auto;left:0;right:0;top:50%;z-index:1}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{color:#555;cursor:default;border:0;border-bottom-color:transparent}
.board-1 .tab-content span{display:block}
.board-1 .tab-content i{color:#fff;margin-right:15px;margin-left:15px;font-style:normal}
span.round-tabs{width:70px;height:70px;line-height:70px;display:inline-block;border-radius:100px;background:#fff;z-index:2;position:absolute;left:0;text-align:center;font-size:25px}
span.round-tabs.one{color:#22c222;border:2px solid #22c222}
.board-1 li.active span.round-tabs.one{background:#fff!important;border:2px solid #ddd;color:#22c222}
.board-1 span.round-tabs.two{color:#febe29;border:2px solid #febe29}
.board-1 li.active span.round-tabs.two{background:#fff!important;border:2px solid #ddd;color:#febe29}
span.round-tabs.three{color:#3e5e9a;border:2px solid #3e5e9a}
.board-1 li.active span.round-tabs.three{background:#fff!important;border:2px solid #ddd;color:#3e5e9a}
span.round-tabs.four{color:#f1685e;border:2px solid #f1685e}
.board-1 li.active span.round-tabs.four{background:#fff!important;border:2px solid #ddd;color:#f1685e}
span.round-tabs.five{color:#999;border:2px solid #999}
.board-1 li.active span.round-tabs.five{background:#fff!important;border:2px solid #ddd;color:#999}
.board-1 .nav-tabs > li.active > a span.round-tabs{background:#fafafa}
.board-1 .nav-tabs > li{width:30%}
.board-1 li:after{content:" ";position:absolute;left:45%;opacity:0;margin:0 auto;bottom:0;border:5px solid transparent;border-bottom-color:#ff0f65!important;transition:.1s ease-in-out}
/*************Gallery*End**************/
.back-col { background: rgba(0,0,0,0.6); text-align:center;}
.board li.active:after{content:" ";position:absolute;left:45%;opacity:1;margin:0 auto;bottom:0;border:10px solid transparent;border-bottom-color:#ddd}
.nav-tabs > li a{width:70px;height:70px;margin:20px auto;border-radius:100%;padding:0}
.nav-tabs > li a:hover{background:transparent}
.tab-pane{position:relative;padding-top:25px}
.tab-content .head{font-family:'Roboto Condensed',sans-serif;font-size:25px;text-transform:uppercase;padding-bottom:3px}
.btn-outline-rounded{padding:10px 40px;margin:20px 0;border:2px solid transparent;border-radius:25px}
.btn.green{background-color:#5cb85c;color:#fff}
@media( max-width : 585px ) {
.board{width:90%;height:auto!important}
span.round-tabs{font-size:16px;width:50px;height:50px;line-height:50px}
.tab-content .head{font-size:20px}
.nav-tabs > li a{width:50px;height:50px;line-height:50px}
.board li.active:after{content:" ";position:absolute;left:35%}
.btn-outline-rounded{padding:12px 20px}
.pad-ri-left { padding-left:0px; padding-right:0px;}
h2 { font-size:100%;}
.pad-ri-left p { font-size:100%; line-height:10px; padding: 0 auto;}
.logo-top {margin-top: 0px!important; margin-left: 0px!important;}
.menu, .menu-2 {display: inline-block; margin: 0 auto; width: 100%; text-align: center;}
.logo-top { margin: 0 auto;}
}
@media ( max-width : 320px ) {
	.logo-top {
    margin-top: 0px!important;
    margin-left: 0px!important;
}
.menu, .menu-2 {
    display: inline-block;
    margin-left: 0 auto;
    margin-top: 5px!important;
}
	
}
#testimonial-main{background:url(../img/testi.jpg) no-repeat center center;padding:0;-webkit-background-size:cover;background-size:cover;background-attachment:fixed;color:#fff}
#testimonial-main .overlay{padding-top:60px;background:rgba(0,0,0,0.80);min-height:400px}
#testimonial-main h4{line-height:40px}
#testimonial-main i{padding:5px}
#testimonial-main img{border:3px solid #ff0f65;margin:5px}
#portfolio-sec{padding-bottom:100px;padding-top:50px}
#portfolio-sec i{margin-right:5px;color:#fff;font-size:20px}
#portfolio-sec .col-xs-12.col-sm-4.col-md-3{padding:0}
.portfolio-sec-wrap{position:relative;cursor:pointer}
#portfolio-sec a:hover{text-decoration:none}
.portfolio-sec-wrap img{width:100%}
.portfolio-sec-wrap .portfolio-sec-inner{top:0;background:transparent;opacity:.8;width:100%;border-radius:0;margin-bottom:0}
.portfolio-sec-wrap .portfolio-sec-inner h3{margin:10px 0}
.portfolio-sec-wrap .portfolio-sec-inner h3 a{font-size:24px;color:#000;}
.portfolio-sec-wrap .overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:0;background-image: linear-gradient(to bottom,#D7D107 0%,#FF0081 100%);color:#fff;vertical-align:middle;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms;padding:30px}
.portfolio-sec-wrap .overlay .preview{bottom:0;display:inline-block;height:35px;line-height:35px;border-radius:0;background:transparent;text-align:center;color:#fff}
.portfolio-sec-wrap:hover .overlay{opacity:1}
#hire-sec{background:url(../img/hire.jpg) no-repeat center center;padding:0;-webkit-background-size:cover;background-size:cover;background-attachment:fixed;color:#fff}
#hire-sec .overlay{background:rgba(0,0,0,0.7);min-height:480px}
#hire-sec .form-control{background-color:transparent}
#footer-sec h3{color:#ff0f65}
#footer-sec i{color:#fff;margin-right:10px}
a.scrollup{background:#ff0f65;height:32px;width:32px;color:#fff;font-size:18px;line-height:32px;text-align:center;text-decoration:none;position:fixed;bottom:10px;right:10px;z-index:9999;opacity:.7}
.h-head { color:#e3e1e0;}
.news:hover{
    box-shadow: 0 10px 6px -6px #000;
}

@media screen and (max-width:480px){
#home-sec .overlay { padding-top: 10px; background: rgba(0,0,0,0.3); min-height: 790px; margin-top: 0px;}
.logo-respon{margin-top:50px}
.menu-respon{ margin-top::50px;}
.menu-respons2{margin-top:20px}
}
@media screen and (max-width:760px){
#home-sec .overlay { padding-top: 10px; background: rgba(0,0,0,0.3); min-height: auto; margin-top: 0px;}
}
@media screen and (max-width:1024px){
#home-sec .overlay { padding-top: 10px; background: rgba(0,0,0,0.3); min-height: auto; margin-top: 0px;}
}
.box_din {
    background: #F8F6EA;
    margin-bottom: 15px;
    padding: 1em;
    box-shadow:0 0 5px #DCC6A2;
    color: #000;
}
.color-center{ color:#014D99; text-align:center; font-size:30px; font-weight:600;}
.bck{ background:#F5F5F5; margin-bottom: 27px;}
.footer{ float:left;}
.logo-top{margin-top: -58px; margin-left: -19px;}
.menu-3{margin-top:0px;}