@charset "utf-8";
/*----------intial declartaion of css----------*/
* { /*appearance:none; -moz-appearance:none;-webkit-appearance:none;*/ }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;/* list-style:none;*/ box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0 }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul {/*list-style: none;*/ }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a { text-decoration: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
a { outline: none; cursor: pointer; }
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
img { max-width: 100%; }
/* For modern browsers */ 
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
a, button, .btn { outline: none !important; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; text-decoration: none !important; }
body { font-size: 14px; -webkit-font-smoothing: antialiased; font-family: 'Montserrat-Regular';}
/*--------sticky footer or vertical footer------------*/
/*--------sticky footer or vertical footer------------*/
.txt-center{text-align: center;}
.txt-left{text-align: left;}
.txt-right{text-align: right;}
.blk{display: block}
.in-blk{display: inline-block}
.table{display: table; margin: 0;}
.table .cell{display: table-cell; vertical-align: middle;}
/*-----------------------main styles starts here-----------------------------------------------*/
.main { max-width: 942px; margin: 0 auto }
/*.wrapper :-moz-placeholder {color:#a2a2a2;}
.wrapper ::-webkit-input-placeholder {color:#a2a2a2;}
.wrapper ::-moz-placeholder {color:#a2a2a2; opacity:1;}
.wrapper :-ms-input-placeholder {opacity:1; color:#a2a2a2;}*/


header { position: fixed; padding-top: 20px; padding-bottom: 20px; width: 100%; left: 0; right: 0; top: 0; z-index: 99;}
header.color1{background: rgba(0, 39, 91,0.95); padding: 12px 0;}
header.color1 .logo{max-width: 70px; display: inline-block; position: relative; margin-top: 10px;}
header.color1 .top-social{float: left; margin-top: 12px; width: auto; margin-bottom: 0;}
/*header.color1 .enumenu_ul{ margin-top: 2px; margin-bottom: 2px;}*/
header h1{display: inline-block;}
/*Default menu styles*/
.menu-icon { display: none; cursor: pointer; color: #fff; text-transform: uppercase; text-align: center; font-size: 0; padding: 0; }
.menu-icon .menu-box { width: 50px; height: 38px; margin-right: 20px; padding: 5px; position: absolute; right: 0; top: -32px; }
.menu-icon .menu-box span { width: 100%; height: 4px; margin-bottom: 6px; background: #fff; display: block; border-radius: 2px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.menu-icon.active span:nth-child(1) { transform: rotate(45deg) translateY(8px) translateX(6px); -webkit-transform: rotate(45deg) translateY(8px) translateX(6px); }
/*.menu-icon:hover:not(.active) span:nth-child(1) {
    transform: rotate(90deg) translateX(8px);
    -webkit-transform: rotate(90deg) translateX(8px);
}*/
.menu-icon.active span:nth-child(2) { opacity: 0; }
.menu-icon.active span:nth-child(3) { transform: rotate(-45deg) translateY(-7px) translateX(6px); -webkit-transform: rotate(-45deg) translateY(-7px) translateX(6px); }
/*.menu-icon:hover:not(.active) span:nth-child(3) {
    transform: rotate(-90deg) translateX(6px);
    -webkit-transform: rotate(-90deg)  translateX(6px);
}*/
.enumenu_ul .caret { color: #fff; margin-left: 7px; }
.enumenu_ul {
    padding: 10px 20px;
    list-style: none;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5);
    -ms-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5);
    -o-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5);
display: inline-block;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 54%, #dadada 55%, #bcbcbc 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 54%,#dadada 55%,#bcbcbc 100%); 
background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 54%,#dadada 55%,#bcbcbc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=0 ); ;
/*
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
*/
}
.enumenu_ul > li { display: inline-block; vertical-align: top; position: relative }
.enumenu_ul li a { font-size: 15px; color: #1a1a1a; padding-left: 25px; font-family: 'Montserrat-Medium'; }
.enumenu_ul li:first-child a { padding-left: 0;}
.enumenu_ul li a i{ font-size: 20px; color: #1a1a1a;}
.enumenu_ul > li > a:hover, .enumenu_ul > li.active > a, .enumenu_ul > li.active > a i{ color: #ff7900;}
.enumenu_ul > li ul { display: none }
.enumenu_ul ul li { width: auto; margin: 0 8px; list-style: none; position: relative; display: inline-block;}
.enumenu_ul.desk ul { top: 100%; z-index: 999; list-style: none; left: 0px; background: #fff; position: absolute; min-width: 150px; }
/*Sub menu styles*/

.menu.submenu-ul-level1 li a { background: rgba(31, 26, 107, 0.8); color: #fff; padding-left: 90px; }
.enumenu_ul.desk li:hover > ul { display: block; opacity: 1; }
.enumenu_ul.desk .sb-menu .sb-menu { left: 100%; top: 0; }
.enumenu_ul.desk ul li a { padding: 10px 10px; display: block; color: #244146; font-size: 16px; text-align: center }
.enumenu_ul.desk ul li:hover > a { background: #000; color: #fff; }
.enumenu_ul .arrow { position: absolute; right: 10px; top: 5px; width: 30px; height: 30px; background: url(../images/plus.png) no-repeat center center; cursor: pointer; z-index: 999 }
.enumenu_ul .arrow.up { background: url(../images/minus.png) no-repeat center center }
/*-----------header section styles goes here---------------*/
.top-social{ position: relative; text-align: right; width: 100%; display: inline-block; margin-bottom: 15px; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.top-social h4{position: relative; display: inline-block; vertical-align: top; font-size: 18px; font-family: 'Pacifico-Regular'; color:#ffffff /*#c9c9c9*/; margin-right: 10px;}
.top-social ul{position: relative; display: inline-block; vertical-align: top; list-style: none;}
.top-social ul li{position: relative; display: inline-block; margin: 0 5px;}
.top-social ul li a i{position: relative; color: #b09bd4; font-size: 20px;}
.top-social ul li a:hover{ background: #1a1a1a; padding: 1px 0 4px;  border-radius: 2px;}
/*-----------header section styles ends here----------------*/

/*-----------Banner section styles goes here---------------*/
.banner{position: relative; width: 100%; display: block;}
/*.banner .item{position: relative; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 668px;}*/
.banner .item { position: relative;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;height: 668px;overflow: hidden;}
.banner img.banner-f-image1{position: relative; bottom: -12px;
    width: 80%;}
/*.banner img.banner-f-image1{position: relative; bottom: -35px; width: 400px; float: right;}*/
.banner img.banner-f-image2{max-width: 100%; width: 100%; margin: 70px 0 0;}


.top-ban{margin-top: 180px;}
.banner-f-image{max-width: 455px; display: inline-block !important; position: relative;}
.banner .item h3{ font-size: 27px; color: #ff7900; padding: 25px 0 15px;}
.banner .item ul{position: relative; list-style: none;}
.banner .item ul li{position: relative; margin-bottom: 15px; margin-left: 35px; color: #fff; font-size: 16px; /*font-family: 'Montserrat-Medium';*/ display:block; font-weight: normal; letter-spacing: 1px; font-weight: lighter;}
.banner .item ul li span { background: rgba(0,0,0,0.6); display: inline-block; padding: 3px 7px; border-radius: 5px; }
.banner .item ul li:before{position: absolute; content: ""; background-image: url(../images/li-before.png); width: 24px; height: 24px; left: -35px; top: 3px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%;}
.banner .item a{position: relative; display: inline-block; margin-top: 20px;}
.banner .item a span.sp1{ padding: 4.8px 9px 4.7px; background: #ff7900; color: #fff; display: inline-block; border-top-left-radius: 5px; border-bottom-left-radius: 5px;outline: none !important; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.banner .item a span.sp2{ padding: 5px 15px 5px 10px; background: #0076cf; color: #fff;display: inline-block;border-top-right-radius: 5px; border-bottom-right-radius: 5px;outline: none !important; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.banner .sld1 img{max-width: 100%; width: auto}
.banner .item a:hover span.sp1{background: #1a1a1a;}
.banner .item a:hover span.sp2{background: #ff7900;}

.banner .item .nb2 a:hover span.sp1{background: #1a1a1a;}
.banner .item .nb2 a:hover span.sp2{background: #0060ff;}
.banner .dwnld{position: relative; display: inline-block; margin-top: -30px; margin-left: 10px; margin-right: 10px; max-width: 128px;}
.banner .dwnld:hover{box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5); -ms-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5); -o-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5); border-radius: 4px;}
.banner .dwnbtn{position: relative; margin-top: -20px;z-index: 2; cursor: pointer;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.banner .dwnbtn:hover{transform: scale(0.9);}
.banner .owl-prev{position: absolute; width: 18px; height: 31px; background-image: url(../images/left-nav.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; float: left; font-size: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); left: 25px;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.banner .owl-next{position: absolute; width: 18px; height: 31px; background-image: url(../images/right-nav.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; float: right; font-size: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); right: 25px; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.banner .owl-prev:hover, .banner .owl-next:hover{opacity: 0.4; -webkit-opacity: 0.4; -moz-opacity: 0.4; -ms-opacity: 0.4; -o-opacity: 0.4;}
.sld1 img{max-width: 478px;}
.sld3{position: relative; top: -50px;}
.banner .item .nb1 h3{color:#ffe506;}
.banner .item .nb2 h3{color:#f16763;}
.banner .item .nb1 ul li:before { position: absolute; content: ""; background-image: url(../images/li-before1.png); width: 24px;height: 24px; left: -35px; top: 3px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%;}
.banner .item .nb2 ul li:before {position: absolute; content: ""; background-image: url(../images/li-before2.png); width: 24px; height: 24px; left: -35px; top: 3px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%;}
.banner .item .nb1  a span.sp1, .banner .item .nb2  a span.sp1{background: #ffb10a}
.banner .item .nb2  a span.sp2{background: #5d5d5d}

/*-----------Banner section styles goes here---------------*/

/*-----------mid section styles goes here-----------*/
.play-for{position: relative; width: 100%; background-image: url(../images/ply-for.png); background-repeat: no-repeat; background-position: top; background-size: 100%; padding: 45px 0;}
.tittle{position: relative; width: 95%; margin: auto; background: #0091fe; background: -moz-linear-gradient(top, #0091fe 0%, #0071c4 100%); background: -webkit-linear-gradient(top, #0091fe 0%,#0071c4 100%); background: linear-gradient(to bottom, #0091fe 0%,#0071c4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091fe', endColorstr='#0071c4',GradientType=0 ); border-radius: 45px; padding: 10px; color: #fff; text-align: center; margin-bottom: 60px;}
.tittle h2{/*font-family: 'JointbyPizzaDude';*/letter-spacing: 2px;font-family: 'Lobster', cursive; font-size: 48px; position: relative; border-radius: 35px; border: 2px dashed #fff; padding: 12px 0; text-shadow: 1px 1px 3px rgba(0,0,0,0.5);}
.tittle h2:before{position: absolute; content: ""; left: 10px; top:10px; background-image: url(../images/tittle-before.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; width: 39px; height: 47px;}
.tittle h2:after{position: absolute; content: ""; right: 10px; top:10px; background-image: url(../images/tittle-before.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; width: 39px; height: 47px;}
.tittle h2 span{ font-size: 35px;}
.play-for ul{list-style: none; }
.play-for ul img{margin-bottom: 20px;box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2); -ms-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2); -o-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);}
.play-for ul h3{color: #1a1a1a; font-size: 18px;font-family: 'Montserrat-Medium';}
.play-for ul p{color: #1a1a1a; font-size: 14px;}
.play-for .owl-nav{position: relative; width: 100%; display: inline-block; text-align: center;}

.play-for .owl-prev{ position: relative; width: 45px; height: 40px; background: rgb(255, 121, 0) url(../images/left-nav.png); background-size: 12px 22px; background-repeat: no-repeat; background-position: center; display: inline-block;font-size: 0px; margin: 25px 0px 2px;border: 1px solid #fb8321;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;-webkit-border-top-left-radius: 100px;-webkit-border-bottom-left-radius: 100px;-moz-border-radius-topleft: 100px;-moz-border-radius-bottomleft: 100px;border-top-left-radius: 100px;
border-bottom-left-radius: 100px;}

.play-for .owl-next{ position: relative; width: 45px;height: 40px; background: rgb(255, 121, 0) url(../images/right-nav.png); background-size: 12px 22px; background-repeat: no-repeat; background-position: center; display: inline-block; font-size: 0px; margin: 25px -1px 2px; border: 1px solid #fb8321;    transition: all 0.5s ease-in-out 0s;  -moz-transition: all 0.5s ease-in-out 0s;  -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;-webkit-border-top-right-radius: 100px;-webkit-border-bottom-right-radius: 100px;-moz-border-radius-topright: 100px;-moz-border-radius-bottomright: 100px;border-top-right-radius: 100px;border-bottom-right-radius: 100px;}

.play-for .owl-prev:hover{background: rgb(206, 98, 0) url(../images/left-nav.png);  background-size: 12px 22px; background-repeat: no-repeat; background-position: center;}

.play-for .owl-next:hover{background: rgb(206, 98, 0) url(../images/right-nav.png); background-size: 12px 22px; background-repeat: no-repeat; background-position: center;}


.for-ever{position: relative; width: 100%; background-image: url(../images/for-ever.png);background-repeat: no-repeat; background-position: top center; background-size: cover; padding: 45px 0;}
.for-ever h2{position: relative; font-family: 'Montserrat-Bold'; font-size: 46px; display: inline-block; text-transform: uppercase; color: #fff; margin-bottom: 85px;}
.for-ever h2 span{color: #00deff}
.for-ever h2 span { color:#00deff;}
.for-ever h2:after{position: absolute; content: ""; width: 100%; height: 28px; left: 0; bottom: -30px; background-image: url(../images/s1-h2-after.png);background-repeat: no-repeat; background-position: center; background-size: 100% 100%;}
.for-ever h2:before{position: absolute; content: ""; width: 25%; height: 71px; left: -24.8%; background-image: url(../images/s1-h2-before.png); top: 9px;  background-repeat: no-repeat; background-position: center; background-size: 100% 100%;}

.for-ever .pol{width: 98px; height: 95px; border-radius: 50%; overflow: hidden; border:5px solid #fff; line-height: 85px; margin: auto;    box-shadow: 1px 5px 5px 1px rgba(0,0,0,0.2);z-index: 1;}
.for-ever .sm2 .pol img, .for-ever .sm3 .pol img, .for-ever .sm4 .pol img, .for-ever .sm5 .pol img, .for-ever .sm6 .pol img{width:55%;}
.for-ever hr{width: 6px; height: 95px; position: relative; margin: auto; border: none;overflow: visible;}
.for-ever hr:after{position: absolute; content: ""; width: 18px; height: 18px; border-radius: 50%; bottom: -4px; left: -6px; right: 0; margin: auto;z-index: 1;}
.for-ever .dec{position: relative; background: rgba(0,0,0,0.5); padding: 30px 5px 30px;}
.for-ever .dec:before{position: absolute; content: ""; width: 15px; height: 100%; left: -15px; top:0;background: rgba(0,0,0,0.5); border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.for-ever .dec:after{position: absolute; content: ""; width: 15px; height: 100%; right: -15px; top:0;background: rgba(0,0,0,0.5); border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.for-ever .dec h4{font-size: 16px; margin-bottom: 15px;}
.for-ever .dec p{ font-size: 15px; color: #fff;}

.for-ever .sm1 .pol{background-color: #e78a17;}
.for-ever .sm2 .pol{background-color: #e7611b;}
.for-ever .sm3 .pol{background-color: #c1b01d;}
.for-ever .sm4 .pol{background-color: #e78a17;}
.for-ever .sm5 .pol{background-color: #e7611b;}
.for-ever .sm6 .pol{background-color: #c1b01d;}

.for-ever .sm1 hr{background-color: #e78a17; height: 27px;}
.for-ever .sm2 hr{background-color: #e7611b; height: 207px;}
.for-ever .sm3 hr{background-color: #c1b01d; height: 27px;}
.for-ever .sm4 hr{background-color: #e78a17; height: 207px;}
.for-ever .sm5 hr{background-color: #e7611b; height: 27px;}
.for-ever .sm6 hr{background-color: #c1b01d; height: 207px;}

.for-ever .sm1 hr:after{background-color: #e78a17;}
.for-ever .sm2 hr:after{background-color: #e7611b;}
.for-ever .sm3 hr:after{background-color: #c1b01d;}
.for-ever .sm4 hr:after{background-color: #e78a17;}
.for-ever .sm5 hr:after{background-color: #e7611b;}
.for-ever .sm6 hr:after{background-color: #c1b01d;}

.for-ever .sm1 .dec h4{color: #e78a17;}
.for-ever .sm2 .dec h4{color: #e7611b;}
.for-ever .sm3 .dec h4{color: #c1b01d;}
.for-ever .sm4 .dec h4{color: #e78a17;}
.for-ever .sm5 .dec h4{color: #e7611b;}
.for-ever .sm6 .dec h4{color: #c1b01d;}

.about{position: relative; padding: 80px 0; background-image: url(../images/abt-banner.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%;}
.about h2{position: relative; padding: 20px 50px 20px 0; font-family: 'Montserrat-Bold'; color: #fff; background: #ff7900; text-transform: uppercase; font-size: 46px; display: inline-block;}
.about h2:before{position: absolute; content: ""; width: 200%; height: 100%; top:0; left: -200%; background: #ff7900;}
.about h2:after{position: absolute; content: "";width: 0; height: 0; border-style: solid; border-width: 90px 90px 0 0;
border-color: #ff7900 transparent transparent transparent; top: 0; right: -90px;}
.about p{color: #434343; font-size: 17px; margin: -12px 0 0; font-family: 'Montserrat-Medium';}
.about p span{font-size: 28px;}

.client{position: relative; padding: 30px 0; border-top: 5px solid #ff6700; background: #f8f8f8 url(../images/div-back.png); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed;}
.client img{position: relative; max-width: 80px;}
.client p{position: relative;font-weight: 600; color: #434343; font-size: 17px;margin: 12px 0 0;}
.client h3{color: #0d3263;font-size: 30px;text-transform: uppercase;font-weight: bolder;margin-bottom: 25px;}
.client span{display: block; color: #ff6700; font-weight: 600; font-size: 15px;}

.footer-top{position: relative; width: 100%; background: #2b2b2b; padding: 20px 0; text-align: center;}
.footer-top ul{position: relative; list-style: none;}
.footer-top ul li{position: relative; margin: 0 8px; display: inline-block;}
.footer-top ul li a{position: relative; color: #b9b9b9; font-size: 14px;}
.footer-top ul li a:hover, .footer-top ul li a.active{color: #ff7900;}

footer{position: relative; width: 100%; background: #242424; padding: 15px 0; text-align: center;}
footer span{position: relative; color: #656565; font-size: 13.5px;}
/*----------------mid section styles ends here-------*/

/*----------------footer section  styles goes here-----------*/

.preloader { display: none; }
/*----------------footer section styles ends here--------*/



.banner .item-per{position: relative; min-height: inherit; padding: 180px 0 60px; background-position: top; display: inline-block; width: 100%; height: auto !important;}
.banner .item-per img{margin-bottom: 20px;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.banner .item-per .dwnld{margin-top: 0;}
.banner .item-per p.dwn-lr{font-size: 18px; font-family: 'Pacifico-Regular'; color: #69ca00; position: relative; display: inline-block; left: -10px;}
.banner .item-per p.dwn-lr:after{position: absolute; content: ""; width: 30px; height: 25px; background-image: url(../images/dwn-lr.png);background-repeat: no-repeat; background-position: center; background-size: 100% 100%; right: -28px; top: 2px;}

.total-play{position: relative; width: 100%; display: inline-block;}
.total-play .play-content{position: relative; width: 100%; display: inline-block; background-image: url(../images/play-game.png); background-repeat: no-repeat; background-position: bottom right; background-size: cover; border-top-left-radius: 38px;}
.total-play .play-content .play-header{position: relative; width: 100%; display: inline-block; background-image: url(../images/play-header.png); background-repeat: no-repeat; background-position: top center; background-size: 100% 100%; padding: 15px 15px 30px;}
.total-play .play-content .play-header a{position: relative; display: inline-block; background-color: #ff4600; border-radius: 20px; color: #fff; margin-bottom: 5px;font-family: 'Montserrat-Medium'; padding: 5px 15px; font-size: 12px;}
.total-play .play-content .play-header h2{font-family: 'Montserrat-Bold'; color: #c6112a; font-size: 35px;}
.total-play .play-content .play-header span{font-family: 'Montserrat-Bold'; color: #7f101f; font-size: 12px; }

.total-play .play-content .play-body{position: relative; padding: 32px; display: block;}
.total-play .play-content .play-body h3{position: relative; font-size: 21px; font-family: 'Montserrat-Bold'; background-color: #04b800; color:#fff; border:2px solid #fff; border-radius: 40px; display: inline-block; padding: 5px 11px; margin-bottom: 15px; margin-left: 29px;}
.total-play .play-content .play-body h3:before{position: absolute; content: ""; background-image: url(../images/play-body-before.png);width: 65px; height: 44px;left: -65px;top: -6px; background-size: 100% 100%;}
.total-play .play-content .play-body ul{position: relative; width: 100%; display: inline-block; list-style: none; padding-left: 22px; height: 490px; overflow: auto;}

.total-play .play-content .play-body ul::-webkit-scrollbar {
    width: 10px;
}
.total-play .play-content .play-body ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}
.total-play .play-content .play-body ul::-webkit-scrollbar-thumb {
    background: #df6a00; 
    border-radius: 10px;
}
.total-play .play-content .play-body ul::-webkit-scrollbar-thumb:hover {
    background: #df6a00; 
}

.total-play .play-content .play-body ul::-moz-scrollbar {
    width: 10px;
}
.total-play .play-content .play-body ul::-moz-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}
.total-play .play-content .play-body ul::-moz-scrollbar-thumb {
    background: #df6a00; 
    border-radius: 10px;
}
.total-play .play-content .play-body ul::-moz-scrollbar-thumb:hover {
    background: #df6a00; 
}

.total-play .play-content .play-body ul::-ms-scrollbar {
    width: 10px;
}
.total-play .play-content .play-body ul::-ms-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}
.total-play .play-content .play-body ul::-moz-scrollbar-thumb {
    background: #df6a00; 
    border-radius: 10px;
}
.total-play .play-content .play-body ul::-ms-scrollbar-thumb:hover {
    background: #df6a00; 
}
.total-play .play-content .play-body ul li{position: relative; width: 100%; display: inline-block; color: #fff; font-size: 14px; margin:8px 0;}
.total-play .play-content .play-body ul li:before{position: absolute;content: ""; background-image: url(../images/play-li-before.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; width: 15px; height: 15px; left: -22px; top: 2px;}
.main-play-game-image{}
.total-play ul.token{ position: absolute; display: inline-block; width: 44px; right: 0; z-index: 1; top:0;}
.total-play ul.token li{position: relative; display: inline-block; width: 100%; height: 44px; line-height: 40px; background: #e1e1e1; text-align: center;}
.total-play ul.token li:nth-child(2){background: #d3d3d3;}
.total-play ul.token li:nth-child(3){ background: #cccccc;}
.total-play ul.token li:nth-child(4){ background: #b4b4b4;}
.top-on{background: #fff; margin-top: -52px; border-top-left-radius: 38px;position: relative; z-index: 1;}

.top-on .table .cn{position: relative; display: block; width: 100%; height: 100%; background: #f9f9f9; background: -moz-linear-gradient(top, #f9f9f9 0%, #d1d1d1 100%); background: -webkit-linear-gradient(top, #f9f9f9 0%,#d1d1d1 100%); background: linear-gradient(to bottom, #f9f9f9 0%,#d1d1d1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d1d1d1',GradientType=0 );}

.total-play .table .flexslider{border:0px;background-color: transparent;}
.total-play .table .flexslider .flex-viewport{}
.total-play .table .flexslider .slides > li{display: inline-block !important; margin: 0 auto !important;}
.total-play .table .flexslider .slides img { display: block; margin: 0 auto; height: 100%; width: auto;max-height: 700px; padding: 15px 0;}

.total-play .table .flexslider .flex-direction-nav .flex-prev{left: inherit; opacity: 1; width: 44px; height: 44px; background: #000;font-size: 0px; margin: 0; right: 0; top:88px; opacity: 0;}
.total-play .table .flexslider .flex-direction-nav .flex-next{right: 0; opacity: 1; width:44px; height: 44px; background: #000;font-size: 0px; margin: 0; top:44px; opacity: 0;}


.game-desc{position: relative; width: 100%; display: block; background-image: url(../images/description-back.png); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 80px 0 45px; margin-top: -55px;}
.des-area{position: relative; padding: 30px 20px 20px; background: rgba(0,0,0,0.6); border-radius: 20px; border: 30px solid transparent; border-image: url(../images/border-width.png) 30 stretch;}
.des-area h3{position: relative; font-size: 33px; font-family: 'Montserrat-Bold'; color: #fff; margin-bottom: 20px;}
.des-area h3 span{color: #ff6800;}
.des-area p{color: #fff; margin-bottom: 25px; font-size: 16px;}
.des-area p span{color: #ff6800;}
.des-area p span.top{font-size: 26px;}
.des-area ul{position: relative; list-style: none; padding-left:5px;}
.des-area ul li{position: relative; font-size: 16px; margin-bottom: 15px; color: #fff; padding-left: 35px;}
.des-area ul li:before{position: absolute; content: ""; width: 15px; height: 15px; background-image: url(../images/des-li-before.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; left: 0; top: 4px;}

.video-back{position: relative; width:100%; background-image: url(../images/video-back.png); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 45px 0 15px;}
.video-back h3{position: relative; font-size: 85px; font-family: 'Montserrat-Bold'; color: #fff;}
.video-back p{position: relative; font-size: 18px; font-family: 'Montserrat-Bold'; color: #1c336d; background-color: #fff; padding: 4px 15px 4px 6px; display: inline-block; margin-bottom: 25px;}
.video-back p:after{ position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 33px 33px 0 0; border-color: #fff transparent transparent transparent; top: 0; right: -33px;}
.video-back .tabu a{position: relative; font-size: 18px; font-family: 'Montserrat-Bold'; display: inline-block; padding: 4px 35px; box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.7); -webkit-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.7); -moz-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.7); -ms-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.7); -o-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.7); border: 3px solid #fff; background: #f2f2f2; color: #fff; border-radius: 30px; margin: 8px 0;}
.video-back .tabu a:hover{background: #1a1a1a !important;}
.video-back .tabu a.grv{
background: #1a87cc;
background: -moz-linear-gradient(top, #1a87cc 0%, #166dab 100%); 
background: -webkit-linear-gradient(top, #1a87cc 0%,#166dab 100%); 
background: linear-gradient(to bottom, #1a87cc 0%,#166dab 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a87cc', endColorstr='#166dab',GradientType=0 ); }
.video-back .tabu a.oyc{
background: #f31c0d;
background: -moz-linear-gradient(top, #f31c0d 0%, #b3160c 100%);
background: -webkit-linear-gradient(top, #f31c0d 0%,#b3160c 100%);
background: linear-gradient(to bottom, #f31c0d 0%,#b3160c 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f31c0d', endColorstr='#b3160c',GradientType=0 );}

.video-back .flexslider{background: none; border:5px solid rgba(255,255,255,0.4);}
.video-back #carousel.flexslider{ border:0px;}
.video-back #carousel.flexslider .slides{position: relative; left: 12%; margin-top: 20px;}
.video-back #carousel.flexslider .slides > li{border:1px solid rgba(255,255,255,0.4);}
.video-back #slider .flex-direction-nav{display: none;}
.flex-direction-nav a:before{font-size: 0px;}
.video-back #carousel.flexslider .flex-direction-nav .flex-prev{position: relative; width: 24px; height: 24px; background-image: url(../images/flex-prev.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; top: -27px; cursor: pointer; left: 45px; opacity: 1;}
.video-back #carousel.flexslider .flex-direction-nav .flex-next{position: relative; width: 24px; height: 24px; background-image: url(../images/flex-next.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; top: -31px; float: right; cursor: pointer; right: 55px; opacity: 1;}
.modal-dialog{z-index: 9; width: 100%;margin: 0; border-radius: 0px;}
.modal-content .top-on{margin: 0; border-radius: 0px;}
.modal-content .main-play-game-image{position: absolute; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz- transform: translateY(-50%); -ms- transform: translateY(-50%); -o- transform: translateY(-50%);}
.modal-content .modal-header{padding: 0; border: 0px;}
.modal-header .close{position: absolute; right: 5px;top:5px; font-size: 85px; color: #fff; z-index: 99; opacity: 0.7;}

.banner .item-per h2{font-family: 'Montserrat-Bold'; color: #fff; font-size: 56px; padding-bottom: 40px;}
.sifon{position: relative; width: 100%; background-repeat: no-repeat; background-position: right top; background-size: contain ; padding: 72px 0 77px; }
.sifon.sf1{ background-image: url(../images/zombie-bac.png);}
.sifon h2{position: relative; color: #4d4d4d; font-size: 39px; margin-bottom: 45px; margin-left: 20px;}
.sifon span{position: relative; color: #8d8d8d; font-size: 18px; margin-left: 27px; top:-45px;}
.sifon p{position: relative; font-size: 18px; font-family: 'Montserrat-Light'; color: #0f0f0f; padding: 10px; left: -5px;}
.sifon a.blk p{background: rgba(255,255,255,0.5);}
.sifon p.pop{position: relative; font-size: 18px; font-family: 'Pacifico-Regular'; color: #262626; margin-bottom: 10px; display: inline-block; padding: 0; margin: 0 0 18px;}
.sifon p.pop:after{position: absolute; content: ""; background-image: url(../images/pop-after.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; width: 30px; height: 25px; right: -29px; top: 5px;}
.sifon a{margin: 18px 15px 10px 0; position:relative; max-width: 128px;}
.sifon a.blk{margin: 0; max-width: 100%;}

.sifon.sf2{ background-image: url(../images/word-back.png); background-position: left top; padding: 40px 0 0;}
.sifon.sf2 .single-molt{ max-width: 435px; display: inline-block; text-align: left;}
.sifon.sf2 .single-molt h2{ margin-top: 50px;}

.sifon.sf3{background-image: url(../images/angle-back.png);}
.sifon.sf4{background-image: url(../images/word-latter-back.png); background-position: left top; padding: 40px 0 0;}
.sifon.sf4 .single-molt{ max-width: 435px; display: inline-block; text-align: left;}
.sifon.sf4 .single-molt h2{ margin-top: 50px;}

.sifon.sf1.f1{background-image: url(../images/word-brew-back.png); padding: 45px 0 0;}
.sifon.sf2.f2{background-image: url(../images/boobled-back.png); padding: 45px 0 0;}
.sifon.sf3.f3{background-image: url(../images/word-galaxy-back.png); padding: 45px 0 0;}
.sifon.sf4.f4{background-image: url(../images/tig-dim-back.png); padding: 45px 0 0;}
.sifon.sf1.f5{background-image: url(../images/math-black-back.png); padding: 45px 0 0;}
.sifon.sf2.f6{background-image: url(../images/colorize-back.png); padding: 45px 0;}

.modal{background: rgba(0,0,0,0.9);}

.modal-content .total-play .flexslider{min-height: 400px;}

.modal-content .total-play .carousel-control.right{position: absolute; width: 44px; height: 44px; right: 0; top:0; left: inherit; opacity: 0;}
.modal-content .total-play .carousel-control.right span{font-size: 0px;}

.modal-content .total-play .carousel-control.left{position: absolute; width: 44px; height: 44px; top: 44px; right: 0; left: inherit; bottom: inherit; opacity: 0;}
.modal-content .total-play .carousel-control.left span{font-size: 0px;}

.modal-content .top-on{background: none;}
.modal-content{background: rgba(0,0,0,0.7)}

.modal-content .total-play ul.token{position: relative; float: right; z-index: 0;}


.sifon a.more-info{position: relative; display: inline-block; font-size: 16px; font-family: 'Pacifico-Regular'; color: #ff7900; margin: 0 0 40px 0;}
.sifon a.more-info:hover{color: #000;}

.contact-area{position: relative; top:-20px; padding-bottom: 50px;}

.mont{position: relative; width: 100%;  margin: auto; padding: 40px; background: url(../images/left-top.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
.mont h3{font-family: 'Montserrat-Bold'; color: #fff; font-size: 34px; margin-bottom: 142px; width: 100%; position: relative; display: inline-block;}
.mont .parton{position: relative; width: 100%; display: inline-block;}
.mont .parton .write-us-back{position: relative; width: 187px; height: 189px; text-align: center; display: inline-block; background-image: url(../images/write-us-back.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%;}
.mont .parton .write-us-back span{ font-family: 'Montserrat-Bold'; font-size: 51px; line-height: 40px; color: #1f568b; margin-top: 57px; display: inline-block; left: -3px; position: relative;}
.mont .parton h4.el{font-family: 'Montserrat-Bold'; font-size:171px; display: inline-block; position: relative; color: #fff; vertical-align: top;}
.lavgonok{position: relative; width: 100%; display: inline-block;}
.lavgonok .direct-mail{position: relative; display: inline-block;font-family: 'Montserrat-Bold'; font-size: 21px; color: #fff; background: #f00000;  padding: 1px 12px; border-radius: 35px;top:-14px;}
.lavgonok .fig-out{position: relative; display: inline-block; font-size: 18px; color: #fff; background: #0e4684; padding: 1px 12px; border-radius: 35px; left: -30px;}

.rapon{position: relative; width: 100%; margin: auto; padding: 40px; background: url(../images/contact-form-suit.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
.rapon h4{position: relative; width: 100%; font-size: 34px; color: #fff; font-family: 'Montserrat-Bold'; display: block; text-align: center;}
.rapon span{position: relative; width: 100%; font-size: 18px; color: #fff; display: block; text-align: center; margin-bottom: 25px;}
.rapon .form-control{padding: 20px 18px; font-size: 15px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px;}
.rapon textarea{width: 100%; resize: none; height: 185px;}
.rapon .button{position: relative; display: inline-block; background: #ff7900; color: #fff; font-size: 19px; font-family: 'Montserrat-Bold'; padding: 10px 30px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px;}
.rapon .form-group{margin-bottom: 22px;}
.contact-area .in-blk{ position: relative; width: 100%;}
.contact-area .in-blk:before{ position: absolute; content: ""; width: 100%; height: 6px; background: #86a0bb; top: -6px; left:0; right: 0;}
.banner .item-per.cont h2{font-size: 37px; font-family: 'Montserrat-Regular';}

.game-prev{ position: relative; width: 180px; background: #00a2ff url(../images/left-info.png); background-repeat: no-repeat;  background-position: 15% 50%;  background-size: 15px; display: inline-block; padding: 10px 15px; color: #fff;  font-size: 23px; text-align: right; margin: 15px 0 25px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;}
.game-prev:hover{background: #1a1a1a url(../images/left-info.png); background-repeat: no-repeat;  background-position: 10% 50%;  background-size: 15px; color: #fff; }
.game-Next{position: relative; width: 180px; background:#00a2ff url(../images/right-info.png); background-repeat: no-repeat; background-position: 85% 50%; background-size: 15px; display: inline-block; padding: 10px 15px; color: #fff;  font-size: 23px; text-align: left; margin: 15px 0 25px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;}
.game-Next:hover{ background:#1a1a1a url(../images/right-info.png); background-repeat: no-repeat; background-position: 90% 50%; background-size: 15px; color: #fff;}

.terms{position: relative; padding: 145px 0;}
.terms h3{position: relative; font-size: 28px; font-family: 'Pacifico-Regular'; color: #ff4600; margin-bottom: 35px;}
.terms h4{position: relative; font-size: 18px; font-family: 'Montserrat-Medium'; color: #6a6f7e; margin-bottom: 15px;}
.terms p{position: relative; font-size: 16px; color: #464646; margin-bottom: 25px;}
.terms ul{position: relative; font-size: 16px; color: #464646; margin-bottom: 15px; list-style: none;}
.terms ul li{position: relative; font-size: 16px; color: #464646; margin-bottom: 8px; list-style: none; padding-left: 5px;}
.terms a.feel{ position: relative; font-size: 22px; background: #3b87ef; color: #fff; padding: 5px 34px 8px; border-radius: 27px;  margin: 25px 0 0; display: inline-block;}
.terms a.feel:hover{background: #293035; box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.5); -ms-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.5); -o-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.5);}
h2.game-tittle{font-size: 24px;font-family: 'Montserrat-Medium'; color: #fff; display: block; text-align: center; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.banner .item-per.cont{padding: 136px 0 42px;}

.about-first{position: relative; padding: 65px 0;}
.about-first h6{position: relative; font-size: 22px; font-family: 'Pacifico-Regular'; color: #ff4600; margin-bottom: 35px; letter-spacing: 1px;}
.about-first p{position: relative; font-size: 16px; color: #818181; line-height: 30px;}

.first-part{position: relative; padding: 45px 0; background: #f2f2f2; margin: 40px 0 0;}
.first-part h5{position: relative; font-family: 'Montserrat-Bold'; font-size: 22px; margin-bottom: 25px;color: #0054c3;}
.second-part {position: relative; width: 100%; display: inline-block; padding: 35px 0 20px; background-image: url(../images/hm-about-background.png); background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; margin-bottom: 35px;}
.second-part h4 {font-size: 30px; margin-bottom: 20px; }
.second-part p {color: #fff;}

.third-part img {max-width: 100px; width: 100%; margin-bottom: 15px; display: inline-block;}

.third-part h5 {font-family: 'Montserrat-Medium'; font-size: 20px; color: #e03a00; text-align: center; margin-bottom: 15px; margin-top: 10px; font-weight: normal;}
.third-part p {}

/*
.dwnload-games-part{position: absolute; width: 100%; left: 0; right: 0; bottom: -100px; margin: auto; background: rgba(255,255,255,0.65); padding: 5px 2px 0px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; opacity: 0;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.dwnload-games-part a{position: relative; display: inline-block;}
.dwnload-games-part a img{box-shadow: none; margin: 0;}
.play-for li.txt-center:hover .dwnload-games-part{bottom: 27%; opacity: 1; z-index: 99999; box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.7); -webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.7); -moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.7); -ms-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.7); -o-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.7);}
*/

.dwnload-games-part{position: relative; width: 100%;  background: rgba(255,255,255,0.65); margin: 15px 0 0; }
.dwnload-games-part a{position: relative; display: inline-block;}
.dwnload-games-part .col-sm-6 a > img{max-width: 100%; margin: auto;}
.dwnload-games-part a img{box-shadow: none; margin: 0;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; border-radius: 4px;}
.dwnload-games-part a:hover img{box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5); -o-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);}
.total-play .carousel-inner{top:-80px;}



/*
p.pager-tittle{font-family: 'Montserrat-Medium'; font-size: 24px; color: #747679; display:inline-block; margin-right:15px;}
#part2,#part3{display:none;} 
ul.game-pager{position:relative; display:inline-block; list-style:none; margin: 15px 0;}
ul.game-pager li{position:relative; display:inline-block;margin:0 5px;}
ul.game-pager li a{   
    position: relative;
    font-size: 22px;
    font-weight: 600;
    padding: 6px 14px;
    background-color: #ff7900;
    color: #fff;
    border-radius: 50%;
    opacity: 0.6;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;}
ul.game-pager li a:hover{opacity:1}
ul.game-pager li a.active{background-color:#716f6f; opacity:1;}


#part1,#part2,#part3{width:100%; position:relative; display:inline-block;}
*/

/*------------- Form ---------------*/

.nb-form {position: fixed; z-index: 9999; width: 300px; background: #FFF; right: 20px; bottom: -357px; transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s; -webkit-transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s; -moz-transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s; -ms-transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s; -o-transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s; border-radius: 10px 10px 0 0; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2); -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2); -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);}
/*
.nb-form:hover {
    bottom: 0px;
}
*/

/*-- User Icon --*/

.nb-form .user-icon { position: absolute; top: -59px; right: 7px; display: block; width: 71px; margin: 17px auto 15px; border-radius: 100%; height: 70px; box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.5); -ms-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.5); -o-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.5);}

/*-- Title --*/

.nb-form .title { background: #ff7900; font-size: 16px !important; padding: 20px 18px !important; color: #fff !important; border-radius: 10px 10px 0 0; cursor: pointer;}

/*-- Text --*/

.nb-form p { font-size: 13px; margin: 0; padding: 15px; color: #666;}

.nb-form p.message { margin-left: 7px;}

/*-- Form Elements --*/

.nb-form form {padding: 0 15px 15px 15px;}

.nb-form input,
.nb-form textarea {font-size: 14px; width: 254px; max-width: 254px; margin-bottom: 10px; padding: 6px; border: none; border-radius: 2px; color: #424242; border-bottom: 1px solid #ff814c;}

.nb-form input:focus,
.nb-form textarea:focus { outline: none; box-shadow: none;}

.nb-form input[type='submit'] { display: block; margin: 15px auto; padding: 0 20px; height: 40px; line-height: 40px; border-radius: 20px; cursor: pointer; transition: all .4s ease; color: #fff !important; border: none;}

.nb-form input[type='submit']:hover { box-shadow: 0 3px 3px 0 rgba(0,0,0,0.07),0 1px 7px 0 rgba(0,0,0,0.02),0 3px 1px -1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.07),0 1px 7px 0 rgba(0,0,0,0.02),0 3px 1px -1px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.07),0 1px 7px 0 rgba(0,0,0,0.02),0 3px 1px -1px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.07),0 1px 7px 0 rgba(0,0,0,0.02),0 3px 1px -1px rgba(0,0,0,0.1); -o-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.07),0 1px 7px 0 rgba(0,0,0,0.02),0 3px 1px -1px rgba(0,0,0,0.1);}

.nb-form textarea { min-height: 110px;}


.nb-form ::-webkit-input-placeholder { color: #ccb0b0;}

.nb-form ::-moz-placeholder{ color: #ccb0b0;}

.nb-form :-ms-input-placeholder { color: #ccb0b0;}

.nb-form :-moz-placeholder { color: #ccb0b0;}

.nb-form input[type='submit'] { background: #03a9f4;}

/*@media (max-width: 1200px) {
.banner .item {height:auto;}
}*/