html, body, div, h1, h2, h3, h4, h5, h6, p, a, ul, li {margin: 0; padding: 0; font-weight: normal; list-style: none; line-height: normal; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;}

html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body {font-family: 'Open Sans', sans-serif;  font-size: 14px; color: #4b4b4b;}



article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}



a {text-decoration: none;}

img {border : none; vertical-align: middle;}

.clear {clear:both;}





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

 * Placeholder

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

::-webkit-input-placeholder {font-family: 'Oswald', sans-serif; color: #645f5d;}

:-moz-placeholder {font-family: 'Oswald', sans-serif; color: #645f5d;}

::-moz-placeholder {font-family: 'Oswald', sans-serif; color: #645f5d;}

:-ms-input-placeholder {font-family: 'Oswald', sans-serif; color: #645f5d;}



nav{position:relative; float: right;}
#cssmenu ,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#ddd;font-weight:700; text-transform: uppercase;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:45px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:190px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:1000px){
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}



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

 * Common Css

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

#main {width: 100%;}

.container {width: 1200px; margin: 0 auto;}

.mt0 {margin-top: 0px !important;}

.pr0 {padding-right: 0px !important;}

.pl0 {padding-left: 0px !important;}

.pb0 {padding-bottom: 0px !important;}

.blue {color: #3357a8;}

.green {color: #61c53a;}

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

 * Top Header

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

#top-header {padding: 12px 0; background-color: #dddddd;}

#top-header .top-details ul {float: right;}

#top-header .top-details ul li {float: left; font-size:15px; font-family: 'Oswald', sans-serif; color:#292929; padding: 0 0 0 27px; margin-left: 15px; letter-spacing: 1px;}

#top-header .top-details ul li.call {background: url(../images/call.png) no-repeat 9px 2px;}

#top-header .top-details ul li.time {background: url(../images/timer.png) no-repeat 0 2px;}



#header {background: url(../images/header-bg.png) no-repeat 0 0; padding: 30px 0 28px; border-bottom: 3px solid #3357a8; background-size: cover; position: relative; z-index: 1;}

#header .logo {float: left;}

#header .navigation-part {float: right;}

#header .navigation-part ul li {float: left; margin-right: 43px;padding: 18px 10px}

#header .navigation-part ul li:last-child {margin-right: 0;}

#header .navigation-part ul li a {font-family: 'Oswald', sans-serif; font-size: 17px; color: #ffffff; letter-spacing: 2px;}

#header .navigation-part ul li a.down-arrow {background: url(../images/down-arrow.png) no-repeat 100% 12px; padding-right: 14px;}

#header .navigation-part ul li ul.sub-menu {z-index:1;float: left; width: 15%; display: none; background: #cccccc;}

#header .navigation-part ul li:hover{background-color:#3357a8;}

#header .navigation-part ul li:hover ul.sub-menu {display: block; position: absolute; margin-top: 18px; margin-left: -10px}

#header .navigation-part ul li:hover ul.sub-menu li {float: left; width: 100%; margin: 0;}

#header .navigation-part ul li:hover ul.sub-menu li{float: left; width: 91.5%; /*padding: 15px 7px*/; border-bottom: 1px solid #dddddd;}



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

 * Slider Part

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

#slider-part img {width: 100%;}



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

 * Services Box

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

#services-box {/*margin-top:-177px;*/ position: relative; z-index: 1;}

#services-box ul li {float: left; width: 291px; margin-right: 12px; background-color: #3357a8; padding: 39px 15px; min-height: 360px; text-align: center; cursor: pointer;}

#services-box ul li:last-child {margin-right: 0px;}

#services-box ul li h2 {color: #ffffff; font-size: 22px; font-family: 'Oswald', sans-serif; padding: 18px 0 20px; letter-spacing: 1px;}

#services-box ul li p {color: #ffffff; text-align: left;}

/* Wobble Top */

/*@-webkit-keyframes hvr-wobble-top {

  16.65% {

    -webkit-transform: skew(-3deg);

    transform: skew(-3deg);

  }



  33.3% {

    -webkit-transform: skew(2.5deg);

    transform: skew(2.5deg);

  }



  49.95% {

    -webkit-transform: skew(-1.5deg);

    transform: skew(-1.5deg);

  }



  66.6% {

    -webkit-transform: skew(1deg);

    transform: skew(1deg);

  }



  83.25% {

    -webkit-transform: skew(-0.5deg);

    transform: skew(-0.5deg);

  }



  100% {

    -webkit-transform: skew(0);

    transform: skew(0);

  }

}*/



/*@keyframes hvr-wobble-top {

  16.65% {

    -webkit-transform: skew(-3deg);

    transform: skew(-3deg);

  }



  33.3% {

    -webkit-transform: skew(2.5deg);

    transform: skew(2.5deg);

  }



  49.95% {

    -webkit-transform: skew(-1.5deg);

    transform: skew(-1.5deg);

  }



  66.6% {

    -webkit-transform: skew(1deg);

    transform: skew(1deg);

  }



  83.25% {

    -webkit-transform: skew(-0.5deg);

    transform: skew(-0.5deg);

  }



  100% {

    -webkit-transform: skew(0);

    transform: skew(0);

  }

}
*/


.hvr-wobble-top {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  -webkit-transform-origin: 0 100%;

  transform-origin: 0 100%;

}

.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {

  -webkit-animation-name: hvr-wobble-top;

  animation-name: hvr-wobble-top;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

}





.heading-box {text-align: center; padding-bottom: 30px;}

.heading-box h1 {font-family: 'Oswald', sans-serif; font-size: 30px; color: #3357a8; text-transform: uppercase; text-align: center;}

.heading-box h1 span {color: #61c53a; text-align: center;}

.heading-box span.line {width: 70px; height: 3px; background-color: #9a9a9a; display: inline-block; margin-top: 5px;}



#services-description {padding: 50px 0;}

#services-description p {text-align: center; padding-bottom: 30px;}

#services-description p span {color: #3357a8;}



#lifecycle-part {background-color: #eeeeee; padding: 55px 0;}

#lifecycle-part figure.lifecycle {float: left; width: 650px;} 

#lifecycle-part figure.lifecycle img {width: 100%;} 

#lifecycle-part article {float: left; margin-left: 50px; width: 500px;}



#slider-box {padding: 70px 0; margin-bottom: 25px; min-height: 250px;}

#slider-box .details-box {border:1px solid #cccccc; min-height: 358px;}

#slider-box .recentwork-part {float: left; width: 590px; margin-right: 20px;}

#slider-box h3 {font-family: 'Oswald', sans-serif; font-size: 25px; text-transform: uppercase; color: #000000; padding-bottom: 5px;}

#slider-box .recentwork-part img {width: 100%; height: 360px;}

#slider-box .clientsays-part {float: left; width: 590px; }

#slider-box .clientsays-part img {width: 100%;   height: 360px;}



#project-diliverd {text-align: center; padding: 60px; display: block;}

#project-diliverd h1 {font-family: 'Oswald', sans-serif; font-size: 30px; color: #000000;}

#project-diliverd p {font-size: 23px; color: #696969; font-family: 'Marck Script', cursive;}



#footer {background-color: #eeeeee;}

#footer .top-footer {padding: 50px 0;}

#footer .top-footer .common-footer {float: left; width: 285px; margin-right: 15px;}

#footer .top-footer .common-footer h3 {font-family: 'Oswald', sans-serif; font-size: 17px; color: #61c53a; border-bottom: 2px solid #61c53a; padding-bottom: 13px;}

#footer .top-footer .common-footer ul {padding: 10px 0 0;}

#footer .top-footer .common-footer ul li {padding: 5px 0;}

#footer .top-footer .common-footer ul li a {color: #505050;}

#footer .top-footer .common-footer ul li a:hover {color: #000000;}



#footer .bottom-footer {background-color: #dddddd; padding: 13px 0 10px;}

#footer .bottom-footer p {float: left; color: #000000; padding-top: 8px;}

#footer .bottom-footer .social-part {float: right; width: 250px;}

#footer .bottom-footer .social-part a {float: left; height: 33px; width: 33px; background-image: url(../images/social-media.png); background-repeat: no-repeat; background-position: 0 0; margin-right: 8px; padding-left: 8px; transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -webkit-transition: all ease-in-out 0.4s;}

#footer .bottom-footer .social-part a.fb {background-position: 0 0;}

#footer .bottom-footer .social-part a.fb:hover {background-position: 0 -36px;}

#footer .bottom-footer .social-part a.in {background-position: -42px 0;}

#footer .bottom-footer .social-part a.in:hover {background-position: -42px -36px;}

#footer .bottom-footer .social-part a.tweet {background-position: -84px 0;}

#footer .bottom-footer .social-part a.tweet:hover {background-position: -84px -36px;}

#footer .bottom-footer .social-part a.google {background-position: -126px 0;}

#footer .bottom-footer .social-part a.google:hover {background-position: -126px -36px;}



#banner {text-align:center;}

#banner figure img {width: 100%;}

#banner h1 {margin: 300px 0;position: absolute; width: 100%; top: 0;/* transform:translate(0,-50%); center;*/ color: #ffffff; font-size: 60px; font-family: 'Oswald', sans-serif;}



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

 * About Page 

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

#wrap-content {padding: 65px 0;}

.about-page .description {padding-bottom: 65px;}

.about-page .description h2 {text-align: center; font-size: 22px; color: #292929; font-weight: 600; text-transform: uppercase; padding-bottom: 30px;}

.about-page .description p {text-align: center; color: #292929;}



.about-page .company-details {background-color: #eeeeee; padding: 25px 0;}

.about-page .company-details .details-box {float: left; width: 592px;}

.about-page .company-details .details-box h2 {font-size: 25px; color: #61c53a; text-transform: uppercase; font-family: 'Oswald', sans-serif; padding-bottom: 7px;}

.about-page .company-details .details-box h2 span {color: #3357a8; margin-bottom: 25px;}

.about-page .company-details .details-box .line {width: 70px; height: 3px; background-color: #9a9a9a;}

.about-page .company-details .history-box .history {border-right: 1px solid #cccccc; padding: 0 15px 0 0; margin-top: 20px; display: inline-block;}

.about-page .company-details .history-box .history .history-details {padding-bottom: 20px; display: inline-block;}

.about-page .company-details .history-box .history .history-details label {float: left; width: 70px; color: #61c53a; font-family: 'Oswald', sans-serif; font-size: 18px;}

.about-page .company-details .history-box .history .history-details p {float: left; width: 506px; text-align: justify;}

.about-page .company-details .advantages-box {padding-left: 15px;}

.about-page .company-details .advantages-box .advantages {padding: 20px 0 0 0px; display: inline-block;}

.about-page .company-details .advantages-box .advantages h3{font-weight: 600;font-size: 20px ; color: #292929;}

.about-page .company-details .advantages-box .advantages p {text-align: justify;}



/*************** slider part ************************/

div.meet-ourteam {padding:0px 0;}

.jcarousel-wrapper {margin: 20px auto;position: relative;}

div.meet-ourteam ul li{width: 289px!important;float: left;margin: 0 5px;display: block;height: auto !important;}

div.meet-ourteam ul li .service-box-image img{margin: 0 auto;min-height: 168px;}

div.meet-ourteam ul li h2{font-size: 19px; color: #292929;margin: 16px 0; font-weight: 600;}

div.meet-ourteam ul li p{font-size: 14px; color: #4a4a4a;}

div.meet-ourteam ul li .service-box-text{text-align: center;}

div.meet-ourteam ul li .service-box-text a{background-image: url(../images/read_more.png); font-size: 17px; color: #0e1855; background-repeat: no-repeat;background-position: 100% 50%; padding: 0 20px;}



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

 * Contact Us 

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

section.contact-page div.office-address{background-color:#43bc96;padding: 60px 0;}

section.contact-page div.office-address div.office, div.contact, div.icon{float: left; width: 380px;padding: 10px;}

section.contact-page div.office-address div.office h2{font-family: "Oswald",sans-serif; color: #ffffff; font-size: 60px;}

section.contact-page div.office-address ul li{font-size: 25px;}

section.contact-page div.office-address div.contact ul{margin-top: 89px;}

section.contact-page div.office-address div.icon{text-align: center;}



section.contact-page section.address ul li a.link{color: #ffffff; transition:all 2s ease-in-out;}

section.contact-page section.address ul li a.link:hover{text-decoration: underline; transition:all 2s ease-in-out;}



section.contact-page div.other-address{background-color: #329c7b; padding: 60px 0;}

section.contact-page div.other-address ul li{font-size: 20px;}

section.contact-page div.other-address ul{margin-top: 20px;}

section.contact-page div.other-address div.business, div.training, div.career{ float: left; width: 380px;padding: 10px; }

section.contact-page div.other-address h2{font-family: "Oswald",sans-serif; color: #ffffff; font-size: 30px;}



section.form-part{background-color: #dddddd; padding: 60px 0;}

section.form-part div.form, div.map{float: left;}



section.form-part div.form{width: 650px; margin-right: 50px;}

section.form-part div.form ul li{margin-bottom: 20px; width: 100%;}

section.form-part div.form ul li.last{margin-bottom: 0;}

section.form-part div.form .txt::-webkit-input-placeholder{font-family: 'Open Sans', sans-serif;}

section.form-part div.form .txt::-moz-placeholder{font-family: 'Open Sans', sans-serif;}

section.form-part div.form input[type=text], textarea, select{background: none; border: 1px solid #43BC96;padding: 15px 30px; width: 100%; border-radius: 5px; color: #385fb5; font-size: 17px;}

section.form-part div.form select option{padding: 5px 0;}

section.form-part div.form input[type=submit]{cursor: pointer; transition:all ease-in-out 0.5s; background-color: #385fb5; padding: 10px 45px; color: #ffffff; border: none; border-radius: 5px; font-size: 25px; }

section.form-part div.form input[type=submit]:hover{box-shadow: 1px 1px 5px #000000; transition:all ease-in-out 0.5s}

section.form-part div.form ul li.btn{text-align: center; margin-top: 30px;}



section.form-part div.map{width: 498px; height: 401px; border: 1px solid;}



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

 * Corporate Training

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

section.common-content h1.head{font-size: 40px; font-weight: 600; width: 100%; text-align: center; margin-bottom: 60px;}

section.common-content div.catagory{background-color: #eeeeee; padding: 60px 0;}

section.training-page div.catagory ul.lang{text-align: center;}

section.training-page div.catagory ul.lang li{text-align: center; float: left; width: 171px;}

section.common-content div.catagory ul.lang li p{font-size: 20px; margin-top: 19px; font-weight: 700; color: #292929;}

section.common-content div.catagory ul.lang li a img{border-radius: 50%; transition:all ease-in-out 0.8s; }

section.common-content div.catagory ul.lang li a img:hover{transform:rotate(360deg); box-shadow: 0px 1px 5px #222222;  transition:all ease-in-out 0.8s}



section.common-content div.details{margin-top: 60px;}

section.common-content div.details div.left, div.right{float: left;}

section.common-content div.details div.left{width: 750px; margin-right: 50px;}

section.common-content div.details div.left h2{font-size: 25px; font-weight: 600; margin-bottom: 45px;}

section.common-content div.details div.left p{font-size: 14px; color: #4b4b4b;}

section.common-content div.details div.right{width: 360px; background-color: #eeeeee; border-radius: 8px; padding: 50px 20px; }

section.common-content .txt::-webkit-input-placeholder{font-family: 'Open Sans', sans-serif;}

section.common-content .txt::-moz-placeholder{font-family: 'Open Sans', sans-serif;}

section.common-content div.details div.right input[type=text], textarea{ background: none; border-radius: 5px; border: 1px solid #d1d1d1; padding: 10px; width: 100%; font-size: 20px; color: #4A6DBB}

section.common-content div.details div.right ul li input[type=submit], input[type=reset]{background-color: #a3a3a3; border-radius: 5px; border: none; color: #ffffff; font-size: 20px; padding: 7px 18px; margin: 0 10px; transition:all ease-in-out 0.5s;}

section.common-content div.details div.right ul li input[type=submit]:hover{background-color: #3FB18A; transition:all ease-in-out 0.5s;}

section.common-content div.details div.right ul li input[type=reset]:hover{ background-color: #DE5E68; transition:all ease-in-out 0.5s;}

section.common-content div.details div.right ul li{margin-bottom: 10px; text-align: center;}



section.development-page div.catagory ul.lang li{text-align: center; float: left; width: 200px;}





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

        blog page

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

section.blog-page section.left-part, section.right-part { float: left}

section.blog-page section.left-part{width: 700px; margin-right: 50px;}

section.blog-page section.left-part div.blog-list{margin-bottom: 80px;}

section.blog-page section.left-part div.last-list{margin-bottom:0}

section.blog-page section.left-part div.blog-list h1{font-size: 35px; font-weight: 600;margin-top: 15px;}

section.blog-page section.left-part div.blog-list p{font-size:20px; } 

section.blog-page section.left-part div.blog-list ul.comments{margin-top: 15px;}

section.blog-page section.left-part div.blog-list ul.comments li{float: left; font-size: 20px; color: #61c53a; width: 233px;}

section.blog-page section.left-part div.blog-list ul.comments li.right{text-align: right;}

section.blog-page section.left-part div.blog-list ul.comments li a.read{color: #365cb2;}

section.blog-page section.left-part div.blog-list ul.comments li a.comment{color: #61c55a;}

section.blog-page section.left-part div.blog-list img{height: 330px; width:700px;}



section.blog-page section.right-part{width: 450px;}

section.blog-page section.right-part div.search-box input[type=text]{width: 100%; background: none; border: 1px solid #3357a8; border-radius: 5px; padding: 17px 20px; font-size: 15px; background:url("../images/search.png") no-repeat scroll 391px 7px; background-size: 35px;}

section.blog-page section.right-part div.recent{padding: 30px 15px; border: 1px solid #858585; background-color: #eeeeee; margin-top: 50px;}

section.blog-page section.right-part div.recent h1{width: 100%; text-align: center; font-size: 30px;font-family: 'Oswald', sans-serif; color: #292929; border-bottom: 2px solid; padding-bottom: 10px;}

section.blog-page section.right-part div.recent div.post{margin-top: 20px; width: 420px; display: inline-block;}

section.blog-page section.right-part div.recent div.post div.img, div.usernm{ float: left}

section.blog-page section.right-part div.recent div.post div.img{width: 135px;}

section.blog-page section.right-part div.recent div.post div.usernm{width: 273px; padding: 20px 0 20px 10px;}

section.blog-page section.right-part div.recent div.post div.usernm h2{ font-size: 19px; font-weight: 600}

section.blog-page section.right-part div.recent div.post div.usernm p{color: #61C53A}



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

            Portfolio

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

.portfolio section.app{margin-bottom: 60px;}


.flex-direction-nav {display: none !important;}